scrimba
Frontend Career Path
Responsive design
Build a Product Splash Page
Style the intro container
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
Style the intro container
Expand for more info
styles.css
run
preview
console
body {
font-family: 'Source Sans Pro', sans-serif;
color: #404040;
}

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

h1 {
font-weight: 400;
}

.beta-text {
font-weight: 900;
}

.subheading {
color: #575757;
font-weight: 900;
}

/* =================
Intro
================= */

/*
Challenge: Style the .intro section
- Convert into a flex container;
display its content in a column
- Set a minimum height of 250px
- Center-align its content
- Vertically center the content
- Remove the space around the edges of the page
*/

.intro {
color: #fff;
background-color: #9480e4;
}

/* ====================
Main content
==================== */


/* =================
Form
================= */


/* =================
Media queries
================= */
Console
/index.html
-3:34