Browsed by
Tag: media

Modular Sass Media Queries for Responsive Webdesign

Modular Sass Media Queries for Responsive Webdesign

What is responsive webdesign?

It is a designing a website that looks good on both desktop and mobile. Something that appears great on mobile, might not scale well into a desktop view. Or vice versa.

When you design a site, there’s generally 2 approaches you can make

  • Mobile First
  • Desktop First

Designing a responsive site generally means you will be doing both of these things, but more so one over the other. There’s no right away to go about it. For instance, if you are designing a site dedicated to food recipes, a mobile first approach makes more sense. Designing a site specialized in legal contracts would benefit from a desktop first approach.