Question: @media screen and (max-width: 1024px) { } #mobile { display: none; } #desktop { display: inline; } * { box-sizing: border-box; } body { background-color:#B8DBED;
@media screen and (max-width: 1024px)
{
}
#mobile { display: none; }
#desktop { display: inline; }
* { box-sizing: border-box; }
body { background-color:#B8DBED;
color:#666666;
font-family: Arial, Helvetica, sans-serif;
}
header {
background-color: #000033;
color:#FFFFFF;
height: 120px;
padding-top: 30px;
padding-left: 3em;
background-image: url("images/sunset.jpg");
background-repeat: no-repeat;
background-position: right;
height: 60px;
text-align: center;
padding-top: 15px
}
nav {
font-weight: bold;
padding: 1.5em;
text-decoration: none;
font-size: 120%;
float: left;
width:160px;
nav ul { list-style-type: none;
margin: 0;
padding-left: 0;
font-size: 1.2em;
}
main { background-color: #FFFFFF;
margin-left: 190px;
padding-top: 1px ;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 30px;
display: block;
main ul
}
h1 { margin-bottom: 0px;
margin-top:0px;
font-family: Georgia, "Times New Roman", serif;
font-size: 3em;
letter-spacing: 0.25em;
}
h2 {
color: #CCCCCC;
font-family: Georgia, "Times New Roman", serif;
text-shadow: 1px 1PX 1px;
}
h3 {
font-family: Georgia, "Times New Roman", serif;
}
dt {
color:#000033;
}
ul {
List-style-image: url(marker.gif);
}
footer {
font-size: 75%;
font-style: italic;
font-family: Georgia, "Times New Roman", serif;
text-align: center;
padding: 20px;
margin-left: 190px;
background-color: #FFFFFF;
}
.resort {
color:#5C7FA3;
font-weight: bold;
}
#contact {
font-size: .90em;
}
#wrapper{
margin-left: auto;
margin-right:auto;
width:80%;
background-color: #90C7E3;
border: 1px solid #000033;
linear-gradient(to bottom, #FFFFFF,
#90C7E3);
min-width: 960px;
max-width:2408px;
box-shadow: 3px 3px 3px #333333;
}
#homehero {
margin-left: 190px;
height: 300px;
background-image:url("images/coast2.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}
#yurthero{
margin-left: 190px;
height:300px;
background-image:url("images/yurthero.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}
#trailhero{
margin-left: 190px
height:300px;
background-image:url("images/trailhero.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}
index.html
Pacific Trails Resort
Home
Yurts
Activities
Reservations
Enjoy Nature in Luxury
Pacific Trails Resort offers a special
lodging experience on the California North Coast. Relax in serenity with
panoramic views of the Pacific Ocean.
Pacific Trails Resort
12100 Pacific Trails Road
Zypher, CA 95555
888-555-5555
888-555-5555
Copyright © 2018 Pacific Trails Resort
thelma@vincent.com
Explanation
Step by Step Solution
There are 3 Steps involved in it
1 Expert Approved Answer
Step: 1 Unlock
Question Has Been Solved by an Expert!
Get step-by-step solutions from verified subject matter experts
Step: 2 Unlock
Step: 3 Unlock
Study Help