scrimba
Frontend Career Path
Learn UI design
UI design
Typography
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

AboutCommentsNotes
Typography
Expand for more info
index.css
run
preview
console
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Montserrat:400,700|Seymour+One&display=swap');

html, body {
margin: 0;
padding: 0;
}

.container {
width: 95%;
margin: 0 auto;
}
h1, p {
font-size: 1em;
}
h1 {
margin: 2em 0 -.2em;
font-family: 'Seymour One', sans-serif;
}
section {
display: grid;
grid-template-columns: repeat(3,auto);
grid-gap: 1em;
margin-top: 2em;
}
.card {
background-color: #eeeeee;
padding: 1.7em;
}
blockquote {
margin: 0;
}
span {
width: 70px;
height: 70px;
display: block;
background: gray;
border-radius: 50%;
margin: 0 auto;
}
cite {
font-style: normal;
font-family: 'Amatic SC', cursive;
font-size: 1.4em;
}
Console
/index.html
-6:12