scrimba
Frontend Career Path
Essential CSS concepts
Build an NFT Site
Aside: A main class and a modifier class
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

Aside: A main class and a modifier class
AboutCommentsNotes
Aside: A main class and a modifier class
Expand for more info
index.css
run
preview
console
body{
color: #050505;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h1, p{
text-align: center;
}

h1{
margin: 0;
font-size: 25px;
}

p{
margin: 6px;
}

section{
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-top: 70px;
}

.card{
width: 180px;
padding: 20px;
border-radius: 2.6px;
box-shadow: 1px 3px 5px #666;
background-color: whitesmoke;
}

.price-up{
font-weight: bold;
padding: 5px;
margin-top: 20px;
border-radius: 2.6px;
box-shadow: 0px 0px 3px #4CBB17;
color: #4CBB17;
}

.price-down{
font-weight: bold;
padding: 5px;
margin-top: 20px;
border-radius: 2.6px;
box-shadow: 0px 0px 3px red;
color: red;
}

.price-equal{
font-weight: bold;
padding: 5px;
margin-top: 20px;
border-radius: 2.6px;
box-shadow: 0px 0px 3px #999;
color: #333;
}
Console
/index.html#
-4:05