scrimba
CSS Grid
Named Lines - CSS Grid tutorial
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

Named Lines - CSS Grid tutorial
AboutCommentsNotes
Named Lines - CSS Grid tutorial
Expand for more info
index.css
run
preview
console
.container {
height: 100%;
display: grid;
grid-gap: 3px;
grid-template-columns: 1fr 5fr;
grid-template-rows: 40px auto 40px;
}

.header {
grid-column: 1 / 3;
}

.menu {}

.content {
grid-column: 2 / 3;
}

.footer {
grid-column: 1 / 3;
}
Console
index.html
-5:25