Media query for tablets and desktops for mobile first development - Githubissues

masakudamatsu / template

Template code for making a website

MIT License

1 stars 0 forks source link

Media query for tablets and desktops for mobile first development #16

Closed masakudamatsu closed 6 years ago

masakudamatsu commented 6 years ago

See this article by Interneting Is Hard for detail.

The default breakpoints are chosen according to this diagram by CodeCademy. But these breakpoint values should depend on each webpage. The best practice, according to this CodeCademy lesson, is as follows:

Resize your browser to view where the website naturally breaks based on its content.
The dimensions at which the layout breaks or looks odd become your media query breakpoints. - Within those breakpoints, we can adjust the CSS to make the page resize and reorganize.