Edit the CSS file (leave a blank line between selectors): Add a BODY selector with a background color of #c2d4d4. Set an IMG selector with a max width of 98% and a top margin of 0.5em. Set a HEADER selector with a top margin of 0.2em and set the text to align to the center. Set a H1 selector with a bottom margin of 0.5em and set the font to sans-serif. Set a H2 selector with a bottom margin of 0.5em. Set a NAV selector with the font to sans-serif, a font size of 1.1em, set the font weight to bold, and set the text to align to the center. Set the NAV UL with padding of 0, top and bottom margins to 0.5em. Edit the NAV LI selector with a background color of #678197 and set the list items to display without bullets. Make a class called CENTER and set the bottom margin to 0.3em, the left and right margins to auto. Set a class called MOBILE with a display of inline. Set a class of DESKTOP with a display of none. Set a class of TABLET to display of none. Set a class called PHOTOS with a display of none.
Edit the CSS file (leave a blank line between selectors):
Add a BODY selector with a background color of #c2d4d4.
Set an IMG selector with a max width of 98% and a top margin of 0.5em.
Set a HEADER selector with a top margin of 0.2em and set the text to align to the center.
Set a H1 selector with a bottom margin of 0.5em and set the font to sans-serif.
Set a H2 selector with a bottom margin of 0.5em.
Set a NAV selector with the font to sans-serif, a font size of 1.1em, set the font weight to bold, and set the text to align to the center.
Set the NAV UL with padding of 0, top and bottom margins to 0.5em.
Edit the NAV LI selector with a background color of #678197 and set the list items to display without bullets.
Make a class called CENTER and set the bottom margin to 0.3em, the left and right margins to auto.
Set a class called MOBILE with a display of inline.
Set a class of DESKTOP with a display of none.
Set a class of TABLET to display of none.
Set a class called PHOTOS with a display of none.
nav li {
border-radius: 2em;
margin: 0.3em;
padding: 0.4em;
width: 250px;
}
nav li a {
color: #FFFFFF;
text-decoration: none;
}
main {
display: block;
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
margin-top: 0.5em;
padding: 1em;
border-radius: 1em;
background-color: #FFFFFF;
border-top: solid 0.2em #678197;
border-bottom: solid 0.2em #678197;
}
footer {
font-size: .70em;
text-align: center;
margin-top: 2em;
}
#container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
Trending now
This is a popular solution!
Step by step
Solved in 2 steps
