HTML Tutorial

The language for building web pages.

HTML Responsive

HTML Responsive Web Design

Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones). It uses only HTML and CSS. The most important meta tag for responsive design is the viewport tag.

Key Techniques:

Viewport meta tag - <meta name="viewport" content="width=device-width, initial-scale=1.0">
Fluid Images - max-width: 100%
CSS Media Queries - Different styles per screen size
Flexbox / Grid - Flexible layouts

Try It Yourself

Edit the code below and click Run to see the result live.

Source Code

Result

Topics