scrimba
Frontend Career Path
Essential CSS concepts
Build a Coworking Space Site
Aside: Position: relative & absolute
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: Position: relative & absolute
AboutCommentsNotes
Aside: Position: relative & absolute
Expand for more info
index.css
run
preview
console
body {
margin: 0;
padding: 0;
background: linear-gradient(#2980b9, #6dd5fa);
height: 100vh;
font-family: 'Montserrat', sans-serif;
}

h1 {
text-align: center;
color: gold;
font-weight: 300;
}

.map-container {
margin: 30px auto 0 auto;
width: 300px;
}

img {
width: 100%;
border-radius: 5px;
}

.sun-icon {
font-size: 40px;
}

.temperature {
/*
Challenge:
1. Position the temperature div
next to the sun emoji.
*/
font-size: 20px;
}
Console
/index.html
-9:26