How to build a responsive website structure

How to build a responsive website structure


   First of all let’s discuss the meaning of Responsive website

Responsive website are those in which website adjust itself according to mobile resolution.

This uses media query concept.Bootstrap is the Language which uses responsive web design.

Ethan Marcotte developed this technique in May 2010.

Media query syntax is

@media only screen and (max-width: 768px) {






This code we have to include in css file if we have to change background of our template.
Use of Meta tag in Website

meta tag mainly helps in making website responsive.This is declared by

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

Different View of Media query
  1. Desktop View
  2. Mobile View
  3. Tablet View



Leave a Reply

Your email address will not be published. Required fields are marked *