Question: Open code5-1_media.css file and create a media query for devices with a maximum width of 500 pixels. Within the query do the following: Set the
Open code5-1_media.css file and create a media query for devices with a maximum width of 500 pixels. Within the query do the following:
Set the display of the img element within the article element to none.
Center the text contained within the ul element belonging to the submenu class.
I have but it is wrong and I have no clue why:
@media only screen and (max-width:500px){
article img{
display: none;
}
nav ul.submenu li {
text-align: center;
}
}
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
