scrimba
Responsive Design
Think responsively
Adding the underline
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
Adding the underline
Expand for more info
css
styles.css
run
preview
console
/*  Fonts
-----
font-family: 'Lora', serif;
font-family: 'Ubuntu', sans-serif;
*/

body {
margin: 0;
font-family: 'Ubuntu', sans-serif;
}

/* =================
Typography
================= */

h1 {
font-family: 'Lora', serif;
font-weight: 400;
color: #143774;
font-size: 2rem;
margin: 0;
}

.subtitle {
font-weight: 700;
color: #1792d2;
font-size: .75rem;
margin: 0;
}

header {
text-align: center;
background: #f8f8f8;
padding: 2em 0;
}

nav ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
}

nav li {
margin: 0 1em;
}

nav a {
text-decoration: none;
color: #707070;
font-weight: 700;
}

nav a:hover,
nav a:focus {
color: #1792d2;
}
Console
index.html
-3:58