WitzCode
← All tracks
🎨 CSS·Responsive Design

Responsive Design

Look great on every screen.

Responsive Design

@media (max-width: 640px) {
  .row { flex-direction: column; }
}

Use relative units (rem, %, vw) instead of fixed pixels where you can.

Challenge 1 / 20 XP

Which at-rule targets screen sizes?

Practical task

Write a media query for screens up to 600px wide.