SHARE

Hey gang, in this CSS grid tutorial I’ll demonstrate how we can use media queries and grid areas to make a full responsive CSS grid.

—– COURSE LINKS:
+ Atom editor – https://atom.io/a
+ GitHub Repo – https://github.com/iamshaunjp/css-grid-playlist

———————————————————————————————
Other tutorials:

—– HTML FOR BEGINNERS:
https://www.youtube.com/watch?v=Y1BlT4_c_SU&list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

—– CSS FOR BEGINNERS:
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

—– NODE.JS TUTORIALS
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp

—– SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

================== Social Links ==================

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

22 COMMENTS

  1. Just watched your 10 video series on CSS Grids. Just want to say thank you so much. I have subscribed and am looking forward to many more of your videos.

  2. Thanks for existing into the world…now that i have watched your series ,I am going into your playlist to find more awesomeness..

  3. Thanks for the great tutorial. I love the simplicity of css grid. The only question I still have after following your tutorial is how to best solve incompatible browsers. In using it, that needs to be addressed, One author said it might be best to use mobile display as default, but how would you go about it? Should one also still use floats as a fallback for other browsers or are there different methods that work better? It's nice there is css flex, float and grid now, but not everyone uses latest versions of their browsers so it might be that legacy still request to do the old thing too and then it's just an extra to do grid as well untill it is older. So how best to combine the methods then? Perhaps a follow up subject.

  4. and i have a question lets say i have a div and i put that div from : 1/3 column if i place an image inside the div the image stretch out of the grid why >?

  5. YouTube Video Views Like & Subscribers Sell
    10000 YouTube Video Views for $10
    1000 YouTube Real Subscribers for $30
    1000 YouTube Likes for $5
    youtube views targeted For $15
    Contact Skype: [email protected] .com
    or Email me [email protected] .com
    WhatsApp Number +8801626800525
    We also provide Facebook/Instagram/Twitter/Soundcloud Services(No Free Services Don't Waste ur time Trying &Contact Fb) facebook .com/Lioabir.Official
    gy655dsf_YGGGGS5f22f__247SuPeRUsD_2sDSf5_5f55fDDd

  6. I would be so grateful if you could show us a simple practical/real website using the Grid Layout! I have a hard time working with what would be real elements and not just simple boxes like in the videos.

  7. hi,
    thank you for yours vidéos, i have question:

    what kind of developer are you ? do you know the PHP langage ? or you are just a front-end developper ?

    thanks

LEAVE A REPLY

Please enter your comment!
Please enter your name here