scrimba
Frontend Career Path
Responsive design
Build a Responsive Layout with CSS Grid
Aside: grid lines
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

AboutCommentsNotes
Aside: grid lines
Expand for more info
index.css
run
preview
console
html, body {
margin: 1em;
padding: 0;
}

.grid-container {
display: grid;
}

.grid-item {
padding: .5em;
font-size: 2em;
color: black;
display: flex;
align-items: center;
justify-content: center;
}

header {
background-color: palegoldenrod;
}

nav {
background-color: lightcoral;
}

main {
background-color: lightgreen;
}

aside {
background-color: lightgray;
}

footer {
background-color: gold;
}

Console
/index.html
-6:00