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;

}

}