CSS Fundamentals

CSS (Cascading Style Sheets) untuk mendeskripsikan tampilan dokumen HTML.

Sintaks

body {
  font-family: 'Sora', sans-serif;
  background-color: #0a0b14;
  color: #e2e8f0;
}

Flexbox

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

Grid

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

Responsive Design

/* Mobile first */
.card { width: 100%; }

@media (min-width: 768px) {
  .card { width: 48%; }
}

@media (min-width: 1024px) {
  .card { width: 32%; }
}