Commit f93a69f1 authored by Rohan Sakhale's avatar Rohan Sakhale

TOC for Media Queries post

parent 4880f16d
Pipeline #6118658 canceled with stage
......@@ -8,10 +8,14 @@ tags:
- code-example
- media-queries
---
# Information
One of the main factor for responsive website development is developing css for multiple screen devices. Often it becomes difficult when we have so many set of devices and different set of dimension to each of those device, what dimensions we should fit. There are many answers already available on internet via css-tricks, stackoverflow etc.
If you are looking for quite a standard and less complex solution, below listed media queries are best fit, as we have been using them for quite a good projects and have achieved decent solution.
# Code
```css
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media (min-width:320px) { }
......@@ -31,6 +35,7 @@ If you are looking for quite a standard and less complex solution, below listed
/* hi-res laptops and desktops */
@media (min-width:1281px) { }
```
# More Sources
But if you are looking for every device solution, this [article](https://css-tricks.com/snippets/css/media-queries-for-standard-devices/) from **css-tricks** is perfect solution.
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment