Build Layouts with CSS Grid #5 - Masonry Style Layout (part 2)

⭐⭐ Get the full course now (without ads) on the Net Ninja Pro site:
netninja.dev/p...
⭐⭐ Get access to all free & PREMIUM courses on Net Ninja Pro:
net-ninja-pro....
🐱‍💻 Access the course files on GitHub:
github.com/iam...
🐱‍💻 CSS Grid Course:
• CSS Grid Tutorial #1 -...
🐱‍💻 VS Code - code.visualstu...
🐱‍💻 Dribbble design used - dribbble.com/s...

[@robeeeeen]

Still number 1 tutorial for CSS GRID

[@NetNinja]

Thanks!

[@AO-ct8js]

Thanks, man! You are the best🤜

[@pavelsjo]

Truly awesome!!! Thanks Shaun

[@BrunoGomes-su1bk]

JUST INCREDIBLE!
love your work!

[@faruksardar8829]

In your next video can you make the mobile version first then the desktop version, BTW your JavaScript course is amazing!

[@NitinSharma-qx4ff]

hey, which JS course are you talking about here? is there a full JS playlist that you're referring to?

[@dokedoke0426]

May I ask if there's any financial aid program please, Shaun.
Since the day one my exploration to this channel, the Net Ninja had helped me a lot.
But to subscribe React full course is somewhat having me difficulties with financial stuff since I am a student from an undeveloped country.

[@slenkhar]

5:10
a word on Specificity and @media queries:
TLDR: be consistent with your selector specificity, otherwise headache
be careful with your selectors, it took me a minute to figure out why my column count was not changing at 620px, until I realised my original nav style had been selected using header nav, instead of just nav. Meaning when trying to change this at @media query 620px using simply nav and not header nav, the rule was be ignored as less specific a target than the original.

[@proteus1]

Do you have a video on making sticky nav that turns into burger menu?

[@garikmelqonyan6011]

Good job!

[@NetNinja]

Thanks Garik!

[@gocu_saiajeans]

🤘

[@niinoocode]

Very good

[@pavelsjo]

Awesome!

[@rrroryray2795]

Thanks it's very helpfull !

[@LordOfSweden]

In the last part of responsive design, why is it you have to write 1 / span 4 and not just 1 / 4 like you showed in your earlier Grid tutorial? I thought 1 / 4 ment "go from column 1 to column 4".? Thanks!

[@nanayaw7159]

Awesome

[@homecookingwithnaturalspic8398]

do you have a video explaining how to use hamburger for nav items

[@V_1997.]

How can I go to previous tab on each time back button click .like if I move to index 3,4,6,8 than back button press how can I navigate all previous tabs 8,6,4,3,0 in this order in flutter

[@khalednabil2278]

Can I ask question in firebase 9 ? , I work in visual studio 2022 and when I write nmp run build bundle.js doesn't create?
any help...

[@towatch]

😍😍⭐

[@OfficialVideos482]

You beauty 😍

[@faithnwachukwu9651]

Please sir how can one reach you