Saturday, May 10, 2014

How to make a website responsive without boostrap

Hi every one,

This post will let you know you can make a website responsive without using boostrap. There are some simple css techniques which you have to use like meadia screen, maxwidth, minwith e.t.c.....

what you chould do is you can use first
write the simple css code in your stylesheet for desktop view
for mobile view use @media screen and (max-width: 520px) make all the div{width:100%;}
for image to make it responsite use img{max-width:100%}
you can also use grid.css for your layout

and here it is done. try it once

1 comment:

  1. nice tutorials...u have made it very simple ...good job :)

    ReplyDelete