fix: cleanup spelling (#136)

content/project-structure/app-resources.md

@@ -7,7 +7,7 @@ contributors:
 
 The App_Resources folder contains platform-specific resources of the application (icons, configuration files, native code, etc.). An application that supports both Android and iOS would therefore contain a subfolder for each platform.
 
-This page serves as a quick reference to understand how most settings in App_Resources affect behavior and the the look of a NativeScript app.
+This page serves as a quick reference to understand how most settings in App_Resources affect the behavior and the look of a NativeScript app.
 
 ## Android specific resources
 
@@ -27,7 +27,7 @@ App_Resources/
 └─ ... more
 ```
 
-Values can be overriden on specific API levels by making the changes in the corresponding directories.
+Values can be overridden on specific API levels by making the changes in the corresponding directories.
 
 ### Android app display name
 
@@ -62,7 +62,7 @@ To change the default color of the status bar, edit the `ns_primaryDark` color i
 
 :::tip Note
 
-The color will be applied on API21+ since lower API leves do not support custom status bar colors\*.
+The color will be applied on API21+ since lower API levels do not support custom status bar colors\*.
 
 :::
 
@@ -79,7 +79,7 @@ Various native elements have an accent color, which can be changed by setting th
 
 :::tip Note
 
-The color will be applied on API21+ since lower API leves do not support custom accent colors.
+The color will be applied on API21+ since lower API levels do not support custom accent colors.
 
 :::
 

content/project-structure/src/fonts.md

@@ -25,12 +25,12 @@ Add a new css class (for example in [`app.css`](/project-structure/src/app-css-s
 
 ```css
 .font-albert-sans {
-  font-family: "Albert Sans", "albert-sans-700";
+  font-family: 'Albert Sans', 'albert-sans-700';
   font-weight: 700;
 }
 
 .far {
-  font-family: "Font Awesome 5 Free", "fa-regular-400";
+  font-family: 'Font Awesome 5 Free', 'fa-regular-400';
   font-weight: 400;
 }
 ```
@@ -66,7 +66,7 @@ In Vue, when using html entities like the char codes above, use the `.decode` mo
 
 ::: details Sizing font images
 Images have specific stretch options (`none`, `aspectFit`, `aspectFill`). Font icons on the other hand usually use `font-size` to control the size of the icon.
-When using an `Image`, you can control the size with `font-size`, but you need to set `stretch="none"` for it to take effect. Setting `stretch` to anything other than `none` will cause the icon to be streched by measuring the image.
+When using an `Image`, you can control the size with `font-size`, but you need to set `stretch="none"` for it to take effect. Setting `stretch` to anything other than `none` will cause the icon to be stretched by measuring the image.
 :::
 
 If an icon doesn't appear, or renders unintended characters, make sure you are using the correct font family and weight.