scrimba
Responsive Design
Taking flexbox to the next level
Building a card component with flexbox - Mobile layout
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

Building a card component with flexbox - Mobile layout
AboutCommentsNotes
Building a card component with flexbox - Mobile layout
Expand for more info
css
style.css
run
preview
console
body {}

.card {
width: 90%;
margin: 0 auto;
max-width: 800px;
}

.card-title,
.card-read-time,
.card-btn {
font-family: 'Blinker', sans-serif;
}

.card-title {
color: #05cbe9;
font-size: 1.75rem;
}

.card-body {
font-size: 1rem;
font-family: 'Source Sans Pro', sans-serif;
}

.card-btn {
font-size: 1.25rem;
}
Console
index.html
-11:00