scrimba
Frontend Career Path
Web dev basics
Build a digital Business Card
Add colors
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

styles.css
run
preview
console
body {
margin: 20px;
}

.avatar {
width: 150px;
}

.card {
width: 400px;
margin-left: auto;
margin-right: auto;
padding: 20px;
display: flex;
justify-content: space-around;
text-align: center;

/*
Challenge:
Add colors to the card according to the design.
black - #2b2839 (the text color)
blue - #ddebf8
purple - #d8cefe
*/
}

.border-blue {
border: 1px dotted blue;
}
Console
/index.html
-3:21