Open yoga.css: body { background-color:#F5F5F5; color:#3F2860; font-family: \"Ve
ID: 3782484 • Letter: O
Question
Open yoga.css:
body {
background-color:#F5F5F5;
color:#3F2860;
font-family: "Verdana", sans-seri;
}
head{
background-color:#9BC1C2;
text-align: center;
}
h1 {
line-height: 200%;}
nav{
text-align: center;
font-style: bold;
}
nav.a{
text-decoration: none;
}
nav{
font-style: bold;
}
.studio
{font-style: italic;
}
footer{
background-color:#9BC1C2;
font-size:inherit;// small tag
font-style: italic; // for italic tag
text-align: center;
}
nav{
font-style: bold;
}
#wrapper {
width: 80%;
margin-right: auto;
margin-left: auto;
}
1. Modify the style rules for the body element selector to configure a very dark background color (#3F2860).
2. Modify the style rules for the #wrapper id. Configure #F5F5F5 as the background color. Configure a minimum width of 1000px (use min-width) and, a maximum width of 1280px (use max-width).
3. Modify the style rules for the header element selector. Remove the text-align declaration. Configure lilyheader.jpg as a background image that displays on the right without repeating. Set height to 150px.
4. Modify the style rules for the h1 element selector. Remove the line-height declaration. Configure 50px top padding and 2em left padding.
5. Modify the style rules for the nav element selector. Configure 1em padding.
6. Modify the style rules for the footer element selector. Configure 1em padding.
7. Configure styles for the main element selector. Set left and right padding to 2em.
8. Configure styles for the img element selector. Set left and right padding to 1em.
9. Configure styles for an id selector named hero. Set text-align to center.
Explanation / Answer
body {
background-color:#3F2860;
color:#3F2860;
font-family: "Verdana", sans-seri;
}
header{
background-image: url("lilyheader.jpg");
text-align: center;
}
h1 {
padding-top: 50px;
padding-left: 2em;
}
nav{
padding:1em;
text-align: center;
font-style: bold;
}
nav.a{
text-decoration: none;
}
nav{
font-style: bold;
}
.studio
{font-style: italic;
}
footer{
padding:1em;
background-color:#9BC1C2;
font-size:inherit;// small tag
font-style: italic; // for italic tag
text-align: center;
}
nav{
font-style: bold;
}
#wrapper {
background-color:#F5F5F5;
max-width: 1280px;
min-width: 1000px;
width: 80%;
margin-right: auto;
margin-left: auto;
}
main{
padding-right: 2em;
padding-left: 2em;
}
img
{
padding-right: 1em;
padding-left: 1em;
}
#hero
{
text-align: center;
}
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.