gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(seed): Expand description of media query challenge (#16572)

Browse Source 
example change to make it more clear

Closes #16474
This commit is contained in:
Ahmad Abdolsaheb
2018-01-30 08:30:10 +03:00
committed by mrugesh mohapatra
parent cbb7c72a95
commit 7871fad1b3
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
seed/challenges/01-responsive-web-design/responsive-web-design.json
View File

@ -80,6 +80,8 @@
"Media Queries consist of a media type, and if that media type matches the type of device the document is displayed on, the styles are applied. You can have as many selectors and styles inside your media query as you want.",
"Here's an example of a media query that returns the content when the device's width is less than or equal to 100px:",
"<code>@media (max-width: 100px) { /* CSS Rules */ }</code>",
"and the following media query returns the content when the device's height is more than or equal to 350px:",
"<code>@media (min-height: 350px) { /* CSS Rules */ }</code>",
"Remember, the CSS inside the media query is applied only if the media type matches that of the device being used.",
"<hr>",
"Add a media query, so that the <code>p</code> tag has a <code>font-size</code> of 10px when the device's height is less than or equal to 800px."