How To Make Responsive Blog - Hello everybody ! A few days ago I have posted about Windows XP Will Be Unsupported. In this opportunity, I will tell you about How To Make Responsive Blog. Ok, follow my steps :
Brief Definition :
Responsive Blog Design is a Web Design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices (from mobile phones to desktop computer monitors).
How To Make Responsive Blog :
The CSS
Note : You can change " 320px " to the other size which you want.
My advice, use "2560px" for max width.
For elements like #outer-wrapper, #main-wrapper you can change the code accordance withyour blog. And you can add other elements like #header-wrapper, #main-wrapper and many more.
But, each blog has different elements. So, adjust the existing elements on your blog for make a responsive blog design.
You can give criticisme or comment for this article and this blog on comment box. Thanks for visited.
Brief Definition :
Responsive Blog Design is a Web Design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices (from mobile phones to desktop computer monitors).
How To Make Responsive Blog :
The CSS
@media screen and (max-width:320px){
#outer-wrapper{width:auto;}
#main-wrapper{width:auto;float:none;}
}
Note : You can change " 320px " to the other size which you want.
My advice, use "2560px" for max width.
For elements like #outer-wrapper, #main-wrapper you can change the code accordance withyour blog. And you can add other elements like #header-wrapper, #main-wrapper and many more.
But, each blog has different elements. So, adjust the existing elements on your blog for make a responsive blog design.
You can give criticisme or comment for this article and this blog on comment box. Thanks for visited.
