Responsive HTML
Responsive design is an approach to web design that makes your web content adapt to the different screen and window sizes of a variety of devices.
For example, your content might be separated into different columns on desktop screens, because they are wide enough to accommodate that design.
If you separate your content into multiple columns on a mobile device, it will be hard for users to read and interact with.
Responsive design makes it possible to deliver multiple, separate layouts of your content and design to different devices depending on screen size.
It’s not enough for your website to look good on a computer screen. Tablets, 2-in-1 laptops, and smartphones are all part of the equation… and this guide covers everything you need to know about responsive design.
The difference between responsive design and adaptive design is that responsive design adapts the rendering of a single page version. In contrast, adaptive design delivers multiple completely different versions of the same page.
They are both crucial web design trends that help webmasters control how their site looks on different screens, but the approach is different.
With responsive design, users will access the same basic file through their browser, regardless of device, but CSS code will control the layout and render it differently based on screen size. With adaptive design, there is a script that checks for the screen size, and then accesses the template designed for that device.
Information Source – https://kinsta.com/blog/responsive-web-design/
