Viewports
Gone are the days when you only had to develop a web page to look nice on a PC. Today, your web page can be rendered on multiple different devices and it needs to look good on all of them or your customers might go elsewhere.
The first step in understanding how to build web pages is being familiar with some key concepts. The first concept is a viewport. A viewport is a part of the page visible to the user. The difference between a viewport and a window is that a viewport is a part of the window.
Depending on what device is used, for example, a desktop screen or a mobile device, its size differs. When you write code to adjust to different sizes, to render nicely, it’s known as making the page “responsive.”
Media queries
OK, so I’m dealing with different sizes of the screen depending on what type of device I’m using, so how do I write code that ensures the visual interface adjusts to the size of the device I’m using...
