scrimba
Frontend Career Path
Working with APIs
URLs & REST
BlogSpace - Add style to form
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

BlogSpace - Add style to form
AboutCommentsNotes
BlogSpace - Add style to form
Expand for more info
index.css
run
preview
console
body {
font-family: 'Karla', sans-serif;
margin: 0;
padding: 0;
}

nav {
background-color: beige;
padding: 5px;
height: 30px;
display: flex;
align-items: center;
position: fixed;
width: 100%;
}

nav > h3 {
margin: 0;
}

#blog-list {
padding: 10px;
}

form {
padding: 60px 10px 10px;
}

/*
Challenge: our form is hideous! Make it less hideous :P

* Lay out the elements in a nicer way, maybe vertically.
(CSS Grid or Flexbox should make this easy)
* Add some background color to separate it from the posts
* Style the button however you'd like.
*/
Console
/index.html
-3:02