Responsive Web Design - Introduction

What is responsive web design?

Responsive web design will make your webpage look good on all devices.

Responsive web design uses only HTML and CSS.

Responsive web design is not a program or JavaScript.

Design for the Best Experience for All Users

You can use many different devices to view web pages: desktop computers, tablets, and mobile phones. No matter which device you use, your web page should look beautiful and easy to use.

Web pages should not discard information to fit smaller devices, but should make their content fit any device:


Desktop Computer

Tablet

Mobile

If you use CSS and HTML to adjust the size, hide, shrink, enlarge, or move content to make it look good on any screen, it is called responsive web design.

If you do not understand the following examples, do not worry, we will break down the code step by step in the next chapter:

Try It Yourself