diff --git a/exercises/02.mobile-first/01.problem.structural-layout/src/App.tsx b/exercises/02.mobile-first/01.problem.structural-layout/src/App.tsx index c901540..14b71cd 100644 --- a/exercises/02.mobile-first/01.problem.structural-layout/src/App.tsx +++ b/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) */} {/* diff --git a/exercises/02.mobile-first/02.problem.text-styles/src/App.tsx b/exercises/02.mobile-first/02.problem.text-styles/src/App.tsx index ea1c10a..6851cf9 100644 --- a/exercises/02.mobile-first/02.problem.text-styles/src/App.tsx +++ b/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' */} diff --git a/exercises/07.subgrid-alignment/01.problem.sub-grid/src/App.tsx b/exercises/07.subgrid-alignment/01.problem.sub-grid/src/App.tsx index 55f3731..12c13db 100644 --- a/exercises/07.subgrid-alignment/01.problem.sub-grid/src/App.tsx +++ b/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 */}