Responsive Websites and @Media

Desktop vs Mobile

It is important to make your website readable on all screen sizes. CSS has features that adapt to screen size of the device.

  • Percentages are relative to window size
  • Pixels are not.
  • Use relative units when possible!

@media

You can also set breakpoints in your css to only display when a condition is met.

A cat in a plastic container, conforming it's shape to the box- like your website should do.