SASS Tutorial (build your own CSS library) #15 - Media Queries

40,582

834 0

Published 2021-09-07

Hey gang, in this SASS tutorial you'll learn about breakpoints & responsive styles using media queries & mixins.

🐱‍👤 Get the full SASS course now on Net Ninja Pro:
netninja.dev/p/complete-sass-tutorial

🐱‍👤 Get access to all other premium courses on Net Ninja Pro:
netninja.dev/

🐱‍💻 Access the course files on GitHub:
github.com/iamshaunjp/complete-sass-tutorial

🐱‍💻 HTML & CSS Crash Course:
On Net Ninja Pro - netninja.dev/p/html-css-crash-course
On YouTube -    • HTML & CSS Crash Course Tutorial #1 -...

🐱‍💻 Modern JavaScript Course:
On Net Ninja Pro - netninja.dev/p/modern-javascript-from-novice-to-ni…
On YouTube -    • Modern JavaScript Tutorial #1 - Intro...

🐱‍💻 CSS Flexbox Course (on YouTube):
   • CSS Flexbox Tutorial #1 - Introduction

🐱‍💻 SASS docs - sass-lang.com/documentation
🐱‍💻 VS Code - code.visualstudio.com/

-------------- Net Ninja Links:

🐱‍💻 My Social Links:
Facebook - www.facebook.com/thenetninjauk
Twitter - twitter.com/thenetninjauk
Instagram - www.instagram.com/thenetninja/

🐱‍👤 Get access premium courses on Net Ninja Pro:
netninja.dev/

All Comments (21)

@equinoxway 1 year ago

The Ninja never dissappoints since 2019 <3 still great
@nagarjunapradeepkumar802 2 years ago

The best teacher on Youtube, I earned a Job learning from your content.
@accimeesterlin 2 years ago

I like the fact that you host everything on Teachable even if the subscription. Might consider doing something similar as well.
@accimeesterlin 2 years ago

Nicely done mate.
@accimeesterlin 2 years ago

We need more front end content like this.
@skabuamer 2 years ago

Thank you. i think this is the easiest way to make responsive in sass
@EmmanuelVictor-cj7qo 5 months ago

Sir, you're the best 🎉🎉🎉❤
@user-km9vl9ck9u 2 years ago

Thanks!!
@accimeesterlin 2 years ago

I am going to keep pushing on that YouTube game.
@ridl27 2 years ago

ty
@yopp1234 1 year ago

What does generated CSS look like though? Won't so many breakpoints be repeated in the CSS? If I'm including XS mixin in 10 different partials, it's gonna bloat the CSS. It's better to create mixins for each partial and import them in a single breakpoint declaration.
@hans6010 1 year ago

Thanks brotha
@abderrahimtamda3990 2 years ago

😍
@lucky6672 2 years ago

Will you make some React course using data bases on Udemy?
@tedjenkler604 4 months ago

Should you use this in a normal scss built webpage or is this really only needed for building a css framework?
@kenteastwood1 2 years ago

im trying to translate this to LESS... is there a way in LESS to wrap content with a mixin like this?
@starlord7526 11 months ago

alright eh gang heehehhe
@Kcoder_ 11 months ago

alright then gang.
@caiopaz9070 7 months ago

Algum BR aí pra explicar mais ou menos ? Eu consegui fazer só copiando mas queria entender, principalmente a função breakpoint no final q n peguei mt bem
@Lidkovsky 1 year ago

hey, why do you add "_" in file names?