scrimba
Figma to code
Dashboard
CSS: typography, buttons and more
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

CSS: typography, buttons and more
AboutCommentsNotes
CSS: typography, buttons and more
Expand for more info
index.css
run
preview
console
*, *:before, *:after {
box-sizing: border-box;
}

:root {

}

body {
background: linear-gradient(220deg, rgba(189,0,255,1) 0%, rgba(0,163,255,1) 100%);
height: 100vh;
background-attachment: fixed;
font-family: 'Poppins';
}

.container {
margin: 1em .5em;
height: calc(100% - 2em);
}

section {
background: #221F26 url('./bg.jpg');
background-size: cover;
background-blend-mode: screen;
background-position: -100px;
height: 100%;
}

nav {
display: none;
}
Console
/index.html
-10:15