fixed all the spelling mistakes

exercises/02.mobile-first/01.problem.structural-layout/src/App.tsx

@@ -9,7 +9,7 @@ export default function App() {
 				The first one is the full-page container. It needs to:
 				- have at minimum the full screen height (min-h-screen) 
 				- centers its children with a grid (grid place-items-center)
-				- handle horizontal and verticall padding (see Figma)
+				- handle horizontal and vertical padding (see Figma)
 		*/}
 
 			{/*

exercises/02.mobile-first/02.problem.text-styles/src/App.tsx

@@ -8,7 +8,7 @@ export default function App() {
 					🐨
 						Set a max-width of 'md' on the wrapping div below.
 						Center the elements horizontally:
-					- Setup a veritcal flexbox container with 'flex flex-col'
+					- Setup a vertical flexbox container with 'flex flex-col'
 					- Align the items horizontally with 'items-center'
 					- Center the children text elements with 'text-center'
 				*/}

exercises/07.subgrid-alignment/01.problem.sub-grid/src/App.tsx

@@ -72,7 +72,7 @@ export default function App() {
 					2. Span the grid across 6 rows
 
 					💰 You can define grid-template-rows as a `subgrid` with `grid-rows-subgrid`
-					💰 You can span an element acorss multiple rows with the `row-span-*` utilities
+					💰 You can span an element across multiple rows with the `row-span-*` utilities
 				*/}
 				<ul className="flex max-w-3xl flex-wrap justify-center gap-2 sm:gap-4 xl:grid xl:grid-flow-col xl:grid-cols-5 xl:grid-rows-6">
 					{logos.map((logo, i) => (