Browsed by
Tag: webdesign

Modular Sass Media Queries for Responsive Web Design

Modular Sass Media Queries for Responsive Web Design

What is responsive web design?

It’s a design that scales at any browser width size. Something that looks great on both mobile, tablet, and desktop views.

When you design a site, there are 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 prioritize 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 benefits from a desktop-first approach.