scrimba
CSS Grid
justify-items and align-items - 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

justify-items and align-items - CSS Grid tutorial
AboutCommentsNotes
justify-items and align-items - CSS Grid tutorial
Expand for more info
index.css
run
preview
console
.container {
height: 100%;
display: grid;
grid-gap: 3px;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 40px auto 40px;
}

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

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

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

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