Question
I can't seem to get the March Special and box of chocolate under the nav. Body{ width: 95%; min-width: 640px; max-width: 960px; margin-left: auto; margin-right:
I can't seem to get the "March Special" and box of chocolate under the nav.
Body{
width: 95%;
min-width: 640px;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
/* Image Styles */
img{
display: block;
width: 100%;
}
/* Horizontal Navigation Styles */
nav li{
display: block;
float: left;
width: 16.66%;
}
nav li a {
display: block;
}
/* Grid Styles */
body{
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 20px;
}
head{
grid-column: 1/ -1;
}
footer{
grid-column: 1/ -1;
}
#sub{
display: grid;
grid-template-columns: repeat(3, 1fr);
}
/* Specials Styles */
.specials{
min-height: 400px;
border: 1px dashed rgb(71, 52, 29);
}
/* Award Styles */
aside{
position: relative;
height: 650px;
overflow: auto;
}
.awards div{
position: absolute;
width: 30%;
}
#award1{
top: 80px;
left: 5%;
}
#award2{
top: 280px;
left: 60%;
}
#award3{
top: 400px;
left: 20%;
}
#award4{
top: 630px;
left: 45%;
}
#award5{
top: 750px;
left: 5%;
}
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access with AI-Powered 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