1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
28 lines
527 B
Markdown
28 lines
527 B
Markdown
---
|
|
title: Create a Media Query
|
|
---
|
|
# Create a Media Query
|
|
|
|
|
|
---
|
|
## Solutions
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
Following the instructions:
|
|
|
|
Add a media query, so that the p tag has a font-size of 10px when the device's height is less than or equal to 800px.
|
|
|
|
the media query is:
|
|
|
|
```css
|
|
/* Add media query below */
|
|
@media (max-height: 800px){
|
|
p {
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
```
|
|
and the size of the text will be 10px when the device's width is less than or equal to 800px.
|
|
|
|
</details> |