scrimba
CSS Grid
Creating an article layout - 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

Creating an article layout - CSS Grid tutorial
AboutCommentsNotes
Creating an article layout - CSS Grid tutorial
Expand for more info
index.css
run
preview
console



/* General styling */

html, body {
margin: 0;
padding: 0;
line-height: 1.4;
}

body {
margin: 0 10px;
}

img {
width: 100%;
}

.line-numbers a {
text-decoration: none;
color: #000;
padding-right: 1em;
}

code {
background: #eee;
padding: 2px 5px;
}

pre {
background: #eee;
padding: 10px 15px;
overflow: auto;
}

pre > code {
padding: 0;
}

figure {
margin: 0;
}

figure figcaption {
color: #666;
font-style: italic;
font-size: 0.8em;
}
Console
index.html
-7:53