Responsive Web Design
Responsive Website Design Responsive web design lets us create web pages that looks good on all devices. By using HTML and CSS to automatically resize, hide, shrink, enlarge a web page to better fit on different devices such as desktop, laptop, tablet and mobiles. What is Viewport The viewport is the viewing / visible area on a web page. It varies with the devices. It is smaller on a mobile phone than on a computer screen. Before tablets and mobile phones, web pages were designed only for computer screens, and it was common for web pages to have a static design and a fixed size. We use meta tag to create viewport for different devices. < meta name ="viewport" content ="width=device-width, initial-scale=1.0" > This will set the viewport of your page, which will give the browser instructions on how to control the page's dimensions and scaling. The width property controls the size of the viewport. It...