Question
Need to modify this css file for an html website with the following changes below: body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; /* To
Need to modify this css file for an html website with the following changes below:
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
/* To do 1 : Set all margin to 10px, except margin top is 0 */
}
ul {
list-style-type: none;
/* To do 2 : Set all margin and padding of the list to 0. */
}
h1, h2, h3, h4, h5 {
/* To do 3 : Set all margin to 0*/
}
header {
width: 100%;
/* To do 4 : Set all margin to 0 */
}
header nav {
background-color:#333;;
color: white;
overflow: hidden;
}
header nav a {
float: left;
color: #f2f2f2;
text-align: center;
text-decoration: none;
/* To do 5 :
1. Set padding top and bottom to 1.2em
2. Set padding left and right to 1.4em
Note: Has to use shorthand version of padding.
For example, padding-left: 1.4em is not acceptable
*/
}
header nav a.active {
background-color: #4CAF50;
color: white;
}
header nav a:hover {
background-color: #ddd;
color: black;
}
main {
clear: both;
}
main header section#profile {
/* To do 6:
1. Set margin top and bottom to 0.8em
2. Set margin left and right to 20%
Note: Has to use shorthand version of margin.
For example, margin-top: 0.8em is not acceptable
*/
}
main header section#profile img {
float: left;
/* To do 7 : Set margin top to 3em */
}
#profileContent {
float: left;
font-size: 1.2em;
/* To do 8:
1. Set margin left to 1.6em
2. Set all pading to 0
*/
}
#profileContent h1 {
font-size: 4em;
}
main > section {
clear: both;
/* To do 9 : Set padding top to 2em */
}
main section article {
/* To do 10: Set all margin top to 2em */
}
#detailInfo ul {
list-style-type: disc;
/* To do 11: Set margin left to 1.2em */
}
main section article h3, main section article p {
/* To do 12:
1. Set margin top and bottom to 0.1em, while left and right to 0
2. Set padding top and bottom to 0.1em, while left and right to 0
*/
}
main section article p.date-location {
float: right;
/* To do 13: Set margin top and bottom to 0.1em, while left and right to 10em
Note: Has to use shorthand version of margin.
For example, margin-top: 0.1em is not acceptable
*/
}
#Skills section {
padding: 0.1em 0;
/* To do 14: Set pading top and bottom to 0.1em, while left and right to 0
Note: Has to use shorthand version of padding.
For example, padding-top: 0.1em is not acceptable
*/
}
#Skills span.skills {
font-weight: normal;
}
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started