Easy Responsive Media Queries with Sass/SCSS

  1. Add this file to your projects styles directory. I put mine in a folder simply titled “breakpoints”. You could run npm i include-media instead, but I try to avoid installing packages whenever I can.
  2. Set up your custom breakpoints (if desired).There are already some defined for us at the top of the file, but I chose to add a few extra. Here’s what mine look like:




UI/UX Developer in Austin, TX

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Dynamic Tic Tac Toe Game

*Lexical Scoping*

From Geolocation To Local Weather In React

A Little Pinch Of JavaScript

How To Experiment Micro Frontends With Angular and Module Federation?


Creating a serialized custom class RPG Item Database

Accessing gpio in linux from user space and kernel space and Performance testing with dht11 sensor

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Brad Carter

Brad Carter

UI/UX Developer in Austin, TX

More from Medium

Masai Collaborative project- Sephora.nnow website clone

Deployment and maintainability

CustoMoose Tutorial

AFI Token Basic Information and Circulation 1.0