Breaking News

How to build a responsive website structure – Tubeally

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



About tubeally

One comment

  1. I precisely wished to thank you so much again. I do not know what I would’ve created in the absence of the solutions shown by you relating to such a area of interest. It became a very scary situation in my view, but discovering this expert manner you dealt with it forced me to cry for delight. Extremely grateful for the guidance and thus sincerely hope you recognize what a great job you are always putting in teaching people via your blog. I’m certain you have never come across all of us.


Leave a Reply

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