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

Edited copy for flow (#23639)

Browse Source 
I made some minor editions to the introductory section, and I tweaked the second list item under ### And beyond!
This commit is contained in:
Stefan
2018-11-27 18:48:14 -05:00
committed by Manish Giri
parent 7237cb45a6
commit d1198ddf55
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
guide/english/css/css3-media-queries/index.md
View File

@ -11,8 +11,7 @@ of the mobile version. You may think that with some scalable sizes ( %, vw or vh
for some very basic design, but certainly not for more common or complex pages!
When designing your page for smaller devices, you will focus on the main content. On a bigger screen, you will have to adapt some font-sizes, margins,
paddings and so on in order to keep your site comfortable and readable, but you will also want/need to add more content, the ones you did not judge
fundamental, and fill in the space created by the screen size.
paddings and so on in order to keep your site comfortable and readable. You will also likely want to add more content and fill in the space created by the screen size.
The thought process should be:
1. Which content to show?
@ -62,7 +61,7 @@ Beyond the core uses of media queries for mobile-first web design shown above, m
/* ... */
}
```
2. Allowing for more graceful zooming in for the minorly visually impaired, such as many elderly people.
2. Allowing for more graceful zooming in for those with minor visual impairments, such as many elderly people.
3. Allowing smoother experiences for those who prefer or need less animation to read a page.
```css
@media (prefers-reduced-motion: reduce) {