how to make responsive website (mobile responsive and html responsive)

how to make responsive website (mobile responsive and html responsive)

By  |  December 24, 2017  |  Website Designing  |  Comments

how to make responsive website (mobile responsive and html responsive)

hi, In this tutorial , I will show you how to
convert a webpage into responsive design.
the webpage we are going to take in this example
is D:\res.html
this is not responsive as we change the size of the
document, the content remains as such
it is easy to convert any webpage to responsive.
to convert a webpage to responsive, do just 2 steps
1) add a viewport meta tag
2) import the css provided by w3 schools.

1) adding a viewport meta tag.
now we have added a meta tag
now the final step to do responsive design

2) import the link from w3 schools.
http://www.w3schools.com/lib/w3.css
this is the link from w3 schools to create
a responsive design. Lets add this
we are done. Lets check
the responsive web design is completed.
Video Rating: / 5

About the Author: Albert Tan

2 Comments

  1. 42lookc

    on December 24, 2017 at 10:25 am -

    WOW--I just entered the viewport tag by itself into one of my pages and tried it on Google's mobile friendly test page. It went from coming up "not mobile friendly" to "mobile friendly"! THANKS!!! :D
  2. Martijn Schuman

    on December 24, 2017 at 11:01 am -

    We can clearly hear you typing, talk or disable your mic

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.