scrimba
Frontend Career Path
Making websites interactive
Build a Mobile App
Adding Firebase to project
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

AboutCommentsNotes
Adding Firebase to project
Expand for more info
index.css
run
preview
console
html, body {
margin: 0;
padding: 0;
font-family: 'Rubik', sans-serif;
background-color: #EEF0F4;
}

.container {
display: flex;
flex-direction: column;
max-width: 320px;
margin: 30px auto;
}

img {
width: 150px;
margin: 0 auto;
}

input {
color: #432000;
background-color: #DCE1EB;
border: 0;
padding: 15px;
border-radius: 8px;
font-size: 20px;
text-align: center;
font-family: 'Rubik', sans-serif;
margin: 10px 0;
}

button {
color: #FDFDFD;
background-color: #AC485A;
border: 0;
padding: 15px;
border-radius: 8px;
font-size: 20px;
text-align: center;
font-family: 'Rubik', sans-serif;
}
Console
/index.html
-4:49