In this project, you'll add some style to the project you created in html-interview
.
- For this project, you will not be forking this repository. Instead, you will build on your 'html-interview' project.
- Add a new file called
styles.css
to your html-interview project on your local machine - Go to your HTML and add a line of code to import your new CSS file
- Finally, edit
styles.css
to style the page in the following ways- Add a blue border to each
<div>
element - Change the font of each header element to any font that you like
- Set each image to have a border radius of
50px
- Add
25px
of padding to each<div>
element - Add
10px
of margin to each<li>
element - Italicize each
<li>
element
- Add a blue border to each
- Add your styles file to your 'html-interview' on github
- If you have connected to CodeGrade for your html-interview assignment, you are done!
Stretch goals won't get you any extra points but are a fun way to get some practice with either testing your logic or looking things up that we haven't covered and trying to implement them yourselves.
- Add a shadow to each
<div>
- Add a background-color to each
<div>
- Add a background-image to the whole page