HTML TutorialLesson 31Free preview

HTML Responsive

This lesson is part of HTML · All levels

Summary

Responsive pages adapt their appearance to be easily opened on any screen, from cell phones to desktops. The key is in the meta viewport and the use of CSS media queries as well as relative units like percentages. That way, one page is enough without having to create a dedicated version of the device.

Key points

The meta viewport tells the browser to set the display width
Media query displays or hides styles according to screen size
Use relative units like % and brake
The image should be flexible so as not to overlap

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.