Build Layouts with CSS Grid #3 - Holy Grail Layout

[@fruitfix]

I really enjoy your courses witch I do for a hobby as I'm 79 now and you're the first to explain grid in a way that was clear and easy to understand. Also I hope you do a update on Flex. Thanks Ninja it gives me a lot of pleasure just wish I was 60 years younger

[@kopilkaiser8991]

Thanks Ninja❤🎉. We all love you brother

[@futureverse9347]

By far the best teacher I have encountered over KZbin will be signing up 100%! Keep up the great work.

[@TheYumx2]

You're one of best doing this online! I tell all my classmates to check you out! Thank you so much man!

[@avshreeanurag1010]

The best tutorial on CSS Grid across the internet! Learnt many other CSS concepts along the way too! Thanks man.

[@NetNinja]

You're very welcome :) thanks for watching!

[@nitaikodkani]

by far the best web dev teacher i have ever had. thank you very much for sharing your knowledge

[@OpenCode]

Hello from Iran thanks for great tutorials you are the best ❤❤

[@Buffnerd_i]

I really like your channel, you're straight to the point without any bullshit , you made grid finally understandable for me. ty!!

[@eliyahutarab4862]

You are the nicest guy in the world man every video is a bomb it so crazy thank you so much for that i wanted to know css grid for a very long time but i could not find the time to watch the videos but now its just a gift thank you

[@NetNinja]

Thanks for the kind words Eliyahu :) means a lot

[@BrunoGomes-su1bk]

You are amazing man, i can never thank you enough. Great work!

[@NetNinja]

Thanks a lot Bruno! Appreciate your support :)

[@taiwofakayejo9684]

Thank you so much, bro.Your ability to communicate concepts are really great

[@NetNinja]

I appreciate that Taiwo! :)

[@Ahmed.El-gendy]

The best playlist for css grid awesome my bro go ahead

[@sandwicheems]

I love how you explain everything!

[@alperakbash]

this grid system used to be one of my biggest fears. I said "used to", thanks to you! Now I am having difficulties to understand why people are using css frameworks while you may have full control in each element.

[@userj-s2000]

Great tut, did follow until the holy grail because im making mydesign this way,maybe one day i come back for others

[@Aaron-fx5so]

This video is going to help so much I cant even explain it! Appreciate you!

[@gastonbuesas2081]

Thanks dude, it's very easy to understand this concepts in the way you explain, also very fun

[@NetNinja]

Thanks Gastón :) that's great to hear!

[@joyharrington8200]

Thanks!

[@NetNinja]

Thanks for your support Joy :) it means a lot!

[@proteus1]

Your a master. Good explaining. Wish I was an office mate sat next to you. I'm in Exeter.

[@poojachauhan8991]

You have all my heart ❤ you r so so amazing. grid used to be most difficult for me but not any more. Thank you .

[@NetNinja]

That's great to hear :) glad it helped and thanks for watching!

[@ellsonmendesYT]

Totally awesome ur in fact a ninja!

[@uchihaid4842]

sir i'freaking enjoy ur videos,u"ve really helped me,im learning rn cause i had to go back to css to learn responsiveness,thanks a lot,pls do js tutorial

[@NetNinja]

Glad they were helpful :) thanks for watching!

[@veniplex]

Very good video, as always :)!

[@Nrde]

Maybe there's a later lesson about how to do this without the media queries. Anyway excellent as always, your pacing is close to perfect :)

[@ananymo]

Awesome 👍👍

[@standleypeter545]

From a perspective of a guy who purely works on the backend and no experience at all in front end Thanks to you now I found a very simple way to create a layout.

[@lovemexico]

useful, wonderful, beautiful

[@andrewaghoghovwia1948]

Thanks alot ... you made this look stupidly simple

[@badcatdesign]

Thanks for creating these! OK for PRs on GH?

[@rosascomobalas]

elder ring based and great videos, thx

[@ΒινςΜοργκαν]

Oh making Elden Ring projects makes me smile

[@chidiutonjoku1336]

Thank you Ninja

[@NetNinja]

Thanks for watching! :)

[@rabih4311]

thank you very much your tutorials are always on point, I just want to add a small suggestion, when you finish a playlist try to merge all the videos into a single long video, this will make more views, because people prefer a long video with chapters and sections in it over a playlist. thanks again.

[@HuracanSeneca]

An interesting question popped in my head, in the last media query, 980px one, is there a way to make it that the "aside" selector is above the "article"? I suppose we would have to add rows and change their positions on the grid-rows as well no?

[@JimKernix]

Are you saying that it is standard practice to but the header and footer within the grid container?

[@rajanstephenson]

Thanks ❤.

[@NetNinja]

You're welcome 😊

[@WhoKnows-un9kd]

[01:39] HTML [05:45] CSS [13:00] Responsive

[@CarlosVixil]

So good

[@NetNinja]

Thanks Carlos!

[@l.rhymes606]

mine looks crap compared with yours. Is it something to do with font size? Was there any background colour? I didn't notice any in the starter file. That being said...your videos really got me through my CSS roadblock!

[@faruksardar8829]

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

[@Keitaro51]

Hello. Thanks for this video and for all your work in general. Is there a reason not to use grid-templates-areas or is it just a pedagogical choice because areas are not "complex and instructive" enough for this video serie?

[@fdsafdsafdsaffdsafdsafdsaf3406]

No need to be fancy, there are thousand ways to do one thing doesn't mean you need to know all. Just pick a way that make sense to you and stick with it. If you like grid-templates-areas uou can use it, nothing wrong with both

[@fdsafdsafdsaffdsafdsafdsaf3406]

I myself using flex but with my own recepies, I rarely need to use all the features of it

[@proteus1]

What's your thoughts on tailwind. I tried installing it vs, but it never seem to work for me, plus seems like you need to learn quite abit. More like relearning css all over again, but with some quirky things.

[@NetNinja]

I quite like Tailwind as a utility library for quickly prototyping designs. I have a series about it here on my channel if you're interested in it - kzbin.info/www/bejne/mKnQdaGkbNGlpM0

[@mxd3bill70]

Dude i straight up learnt css via tailwind. I would not be doing frontend if tailwind didn't exist.

[@jeerasakkrueaniam6172]

Can u create playlist: Build Layouts with CSS Flexbox or use flex and grid in the same time 😅

[@hamzafarhan348]

What about Kubernetes?

[@sch0t3]

Isnt mobile first the better way of teaching?

[@NetNinja]

Hey, I mention mobile-first in the second video of the series. I advocate that and advise it, but for this series, to keep the focus on Grid, I mainly stick with desktop. I do have another series about mobile-first responsive design I will be making a CSS grid version of that in the future too :)

[@sch0t3]

@@NetNinja awesome! I am looking forward to it. Thanks for your work

[@towatch]

✌🏻✌🏻♥️♥️

[@Zainmahar88]

I am interested your video🎉😂😂

[@NetNinja]

Thanks 😅

[@morshedulislamriaad6496]

No View but 3 likes🐄

[@zachphilipp786]

try raid shadow legends

[@a_e_l_i_y_a]

thankyou ninja 🖤🤍

[@NetNinja]

Thanks for watching Aeliya :)