scrimba
Responsive Design
Think responsively
Setting the column widths
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

Setting the column widths
AboutCommentsNotes
Setting the column widths
Expand for more info
css
style.css
run
preview
console
body {
font-size: 1.125rem;
color: #707070;
margin: 0;
}

/* Typography */

h1 {
font-size: 3rem;
color: #212614;
text-align: center;
}

h1 span {
color: #b7832f;
}

h2 {
font-size: 1.5rem;
}

p {
margin-top: 0;
}


/* Layout */

img {
max-width: 100%;
}

.container {
width: 95%;
max-width: 980px;
margin: 0 auto;
}

.columns {
display: flex;
margin: 1em 0;
}

.col-bg {
background: #212614;
color: #fff;
padding: 1em;
}
Console
index.html
-3:36