Adaptive page.
This third page is adaptive:
- It includes a
viewportdeclaration. - The dimensions of the elements were defined in percentages (or another relative unit).
You can now read the text without zooming in and without scrolling horizontally. And you can see the colored bars in their entirety.
width:33%;
width:40%;
width:46%;
width:53%;
width:60%;
width:67%;
width:73%;
width:80%;
width:87%;
width:93%;
width:100%;