Back to CSS

CSS Tutorial

Responsive Design

Make layouts adapt to mobile, tablet, and desktop screens.

Responsive design uses flexible layouts, scalable media, and adaptive spacing.

The goal is to keep content readable and usable at every screen size.

css
.container {
  width: min(100% - 32px, 1120px);
  margin-inline: auto;
}