Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -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)
*/}

{/*
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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'
*/}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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) => (
Expand Down