Question: HTML HELP!! I did my assignment and realized I had made no changes to the web sheet, will someone go over these directions to verify
HTML HELP!!
I did my assignment and realized I had made no changes to the web sheet, will someone go over these directions to verify my styles sheet is correct.
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 2
Filename: wc_styles.css
This file contains the layout styles and media
queries used with sample pages from the Willet
Creek Golf Course website.
*/
/* Import Design Styles */
@import url('wc_designs.css') screen;
/* Flex Layout Styles */
body{
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
}
#hole_list{
flex: 1 3 140px;
}
article{
flex: 3 1 341px;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
}
#stats{
flex: 4 1 361px;
}
aside{
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
}
div{
flex: 1 1 180px;
}
/* =============================
Mobile Styles: 0 - 480 pixels
=============================
*/
@media only screen and (max-width: 180px){
#hole_list{
order: 99;
}
footer{
order: 100;
}
ul:hover{
display: block;
}
ul:link{
display: block;
}
aside{
display: block;
}
@media only screen and (max-width: 481px){
.navicon{
display: block;
}
nav ul{
-webkit-flex-direction: row;
-webkit-flex-direction: row;
flex: 1 1 auto;
}
}
/* =================================================
Tablet and Desktop Styles: 481 pixels and greater
=================================================
*/
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
Study Help