TOC for Media Queries post

source/_posts/CSS-Media-Queries-for-Responsive-Development.md

@@ -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.