scrimba
Frontend Career Path
Responsive design
Build a Responsive Layout with CSS Grid
Aside: Grid rows and implicit grid
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

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

.grid-container {
border: 2px solid black;
display: grid;
grid-template-columns: 1fr 1fr;
gap: .5em;
}

.grid-item {
background-color: lightgreen;
padding: .2em;
font-size: 1.5em;
color: black;
border: 1px solid #999;
display: flex;
align-items: center;
justify-content: center;
}

.explicit {
/* background-color: yellow; */
}



Console
/index.html
-3:59