HTML Responsive Web Design

Responsive web design creates web pages that will look great and user friendly on all devices. It  is responsible for will automatically adjust for different screen sizes ,devices and viewports.

To create a responsive website, add the <meta> tag to all your web pages:


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

Below is the example for responsive design :


HTML file ::

CSS file ::

This layout will adjust itself to the screen size of the device it’s being viewed on. You can use media queries to apply different styles depending on the screen size.

Leave a Comment

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

Scroll to Top