Responsive Design

CSS media queries allow making layouts responsive for different screen sizes.

Snippet:

@media (max-width: 768px) { body { background-color: lightgray; } }

Example:

@media (min-width: 1024px) { .container { width: 80%; margin: 0 auto; } }