media-queries

/* Mobile-first base styles (no media query needed) */
.container {
  width: 100%;
  padding: 1rem;
  margin: 0 auto;
}

/* 1. Mobile-first approach */
/* Base styles for mobile */
.container {
  width: 100%;
  padding: 1rem;
}