Responsive Design - CSS3 Referenz

<meta name="viewport" content="width=device-width, initial-scale=1.0">

@media

📱 💻

/* Basis: Mobile Styles (Standard) */
.container {
  width: 100%;
}

/* Tablet und größer (>768px) */
@media (min-width: 768px) {
  .container {
    width: 80%;
  }
}

/* Desktop und größer (> 1024px) */
@media (min-width: 1024px) {
  .container {
    width: 1000px;
  }
}