You are developing an ASP.NET MVC web application for viewing a photo album.
The application is designed for devices that support changes in orientation, such as tablets and smartphones.
The application displays a grid of photos in portrait mode.
When the orientation changes to landscape, each tile in the grid expands to include a description.
The HTML that creates the gallery interface resembles the following markup.
The CSS used to style the tiles in landscape mode is as follows.
<ul class="gallery">
<li>
<img src="..."/>
<div>Description</div>
</li>
</ul>
ul.gallery > li {
width: 100px;
}
ul.gallery > li > div {
display: none;
}
If this CSS is omitted, the existing CSS displays the tiles in landscape mode.
You need to update the portrait mode CSS to apply only to screens with a width less than 500 pixels.
Which code segment should you use?
Wähle eine der folgenden: