Many web pages are based on a grid view, which means the page is divided into columns. Using a grid view is very useful when designing web pages. It makes it easier to place elements on the page. A responsive grid view often has 12 columns and a total width of 100%, and it will shrink and expand as the browser window size changes.
Today, web pages can be viewed using many different devices: desktop computers, tablets, and phones. And the web page must look good and be easy to use regardless of the device.
In Chapter 10 of Book 1 *JavaScript y Más*, it explains in detail how to manage column-based layouts. Several responsive web page structures are presented, easy to customize, where you can adjust the number of columns, background colors, sizes, etc.
Can the page be viewed on my desktop computer, laptop, iPad, and phone?
And it displays without omitting or removing information.
Easy. CSS styles handle the task of adjusting the page size to the screen of the device where it will be displayed.
You can. Right‑click on this page and open the inspector, which contains the tools where you can adjust the size of this screen to the dimensions of the various devices we use today to browse the web.