#37 CSS Grid Tutorial [Complete Guide] - CSS Full Tutorial

Поделиться
HTML-код
  • Опубликовано: 28 ноя 2024

Комментарии • 270

  • @DevDreamer
    @DevDreamer  3 года назад +24

    Hey guys! Thanks for watching 🙂 Here's a list of the timestamps for ease of access:
    0:00​ - Intro
    0:40​ - What is CSS Grid?
    1:00​ - CSS Grid vs CSS Flexbox
    1:30​ - Grid main concepts
    2:23​ - All CSS Grid Properties
    2:40​ - Grid Container Properties
    3:20​ - grid-template-columns and grid-template-rows
    11:48​ - grid-auto-columns and grid-auto-rows
    12:17​ - grid-auto-flow
    15:00​ - grid-columns gap and grid-row-gap
    15:16​ - grid-gap
    15:44​ - align-items, justify-items and place-items
    17:23​ - align-content, justify-content and place-content
    19:05​ - grid-template-areas
    22:20​ - grid-template
    23:27​ - grid
    26:00​ - Grid Item Properties
    26:20​ - grid-column-start and grid-column-end
    28:02​ - grid-row-start and grid-row-end
    28:40​ - grid-column and grid-row
    29:13​ - align-self, justify-self and place-self
    30:31​ - grid-area
    32:46​ - Building a dashboard layout with CSS Grid
    42:40​ - Like and Subscribe

  • @adilbek.ermekov
    @adilbek.ermekov 3 года назад +35

    This channel is just a hidden treasure...

    • @DevDreamer
      @DevDreamer  3 года назад +1

      Hey 4-D-1-L, thank you for this awesome comment, I appreciate your support. Loads more to come 🙂👍

  • @JonathanDewetfunlifegod
    @JonathanDewetfunlifegod 3 года назад +87

    I have a feeling you are going to blow up in a couple of months. Your production value and explanation skills are amazing.

    • @DevDreamer
      @DevDreamer  3 года назад +2

      🔥Hey Jonathan, thanks again for the great encouragement and support! I really appreciate it, glad you are enjoying the content 🙂👍

    • @dzenish.2262
      @dzenish.2262 3 года назад +3

      He's definitely going to blow up, I mean, at least he should. Best video on CSS grid.

    • @adithyaravichandran3698
      @adithyaravichandran3698 3 года назад +2

      yes i find it completly true, i am going to like all your videos I watch

    • @codeaperture
      @codeaperture 3 года назад +2

      A legend is born. 🔥
      You're right

  • @JoshuaOladeji
    @JoshuaOladeji 4 года назад +36

    Honestly, this is one of the best web devs channels on youtube.
    Keep up the good job man

    • @DevDreamer
      @DevDreamer  4 года назад +1

      Hey Joshua, thanks so much for this awesome comment!! One of the best I’ve received, thank you 🙂👍

  • @aritrapaul5145
    @aritrapaul5145 3 года назад +1

    I have watched some 50 big utube channel tutorials ...until i stumbled upon this gem !
    Finally understood everything
    Thank you so much...god bless u bro :)

    • @DevDreamer
      @DevDreamer  3 года назад

      God bless you too, and thank you so much 🙂👍

  • @scarlydesigns
    @scarlydesigns 3 года назад +7

    Hands down the best CSS grid tutorial on youtube, been searching for full CSS Grid tutorial forever!! Thank you very much! :)

    • @DevDreamer
      @DevDreamer  3 года назад +2

      Hey Scarly Designs! Wow, thank you so much for the awesome comment. You’re welcome, I’m glad you enjoyed the video 🙂👍

  • @gokunik
    @gokunik 3 года назад +6

    Their are so many videos on the top when we search about grid but your deserve to be on top asap. 🙌
    I don't understand why people can't explain everything. Most of them leave so many things which we then need to look in other places but this tutorial is complete ♥️

    • @DevDreamer
      @DevDreamer  3 года назад +1

      🔥 Hey Nitesh, thank you so much for this comment. Really glad you find the video helpful 😃👍

  • @tatsuyaradheya3528
    @tatsuyaradheya3528 3 года назад +1

    Began web development 1 and half month ago. Finished Learning the Basics of HTML CSS AND JS. Began building Projects to familiarize myself with the Languages. But i have been annoyed of always usings the Position and Transform property in Css for Layout. Even Flexbox didn't helps that much. watched 3 videos from popular progamming channel to learn CSS Grid but there was always something wrong i felt after watching their videos because there were some things i couldn't do when i should be able to. Its only after watching the first 2 min in your Tutorial , and further in That i understood what went wrong with my codes. You were the first who explained the Cells Concept of CSS GRID which helped me resolve my problems. You earned a SUB!

    • @DevDreamer
      @DevDreamer  3 года назад

      🔥Hey Tatsuya! Thanks for this amazing comment and support 😃Really glad you found it useful and your problems were resolved, thank you so much for the sub I appreciate you! Theres so much more to come 🙂👍

  • @merxxibeaucoup9093
    @merxxibeaucoup9093 2 года назад +1

    Thank you loads ... I have searched the entire internet for an in depth css grid content like this and im glad to have finally found your channel.. thank you very much

  • @sgtJA
    @sgtJA 3 года назад +1

    Echoing others’ comments - one of the best explanations on Grid I’ve seen and an underrated channel

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey sgtJA, thank you so so much! Really appreciate this comment and I’m glad you found it useful 🙂👍

  • @vasimargariti
    @vasimargariti 3 года назад +1

    Wow. Just wow. The quality in this video is awesome.

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Vasi, thank you so much 😎👍

  • @qdrawli
    @qdrawli 2 года назад +1

    This is the best video I have watched on CSS Grid. It is to the point, covering so many elements and not polluting it with constant comparisons to flexbox which often happens on a lot of Grid videos.
    Thankyou.

  • @jsblade2770
    @jsblade2770 3 года назад +1

    l ve never seen more underrated channel than this, great video keep up

  • @UP209D
    @UP209D 3 года назад +1

    Cant understand 11 people disliked this while this is virtually the most perfect tutorial out there for grid.

  • @Pips_Picks
    @Pips_Picks Месяц назад +1

    One of the best tutorials that I have ever seen, thanks. (Subscribed)

  • @bmehder
    @bmehder Месяц назад +1

    Still the best css grid tutorial.

  • @dzenish.2262
    @dzenish.2262 3 года назад +1

    Best video on CSS grid on the entire RUclips.

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Dzenis! Thank you so much for watching and for this awesome comment, it means so much to me 🙂👍

  • @VeiseLeeQuilloy
    @VeiseLeeQuilloy 8 дней назад

    I'm watching from almost the end of 2024, this tutorial really helps me a lot, thank you, what a fine video, great for beginners ❤🔥

  • @justin9494
    @justin9494 2 года назад +1

    Finally a tutorial! Not a speedrun. THANK YOU SO MUCH.

    • @DevDreamer
      @DevDreamer  2 года назад

      Thanks for watching JustIn, really appreciate it 🙂👍

  • @CodeIsForBros
    @CodeIsForBros 2 года назад +1

    How does this only have 50k view?! You are a legend. Binging all of your videos this week!!

    • @DevDreamer
      @DevDreamer  2 года назад

      Thank you, appreciate it 🙂👍

  • @amirrezaranjbar2853
    @amirrezaranjbar2853 3 года назад +4

    Please continue making CSS videos. Something tells me your channel will grow up very fast. Keep up the good work.

  • @creativemyvillageatoz8043
    @creativemyvillageatoz8043 2 года назад +1

    all videos are awesome. couldn't resist myself to watch all the videos in one day🙂.

  • @sam7502
    @sam7502 3 года назад +1

    Before this css grid tutorial, grid was nightmare for me, but after watching your tutorial it becomes too much easy😃😊 Really this channel is just a hidden treasure.Thank u so much sir.❤️

  • @gulraizgull8044
    @gulraizgull8044 2 года назад +2

    your explanation quality production quality each and everything is beyond what everyone else is teaching seriously man your teaching skill and video skill will remain unmatched for the rest of the years coming thanks again. you won my follow thanks. keep it up plz.

  • @itsmeayan1728
    @itsmeayan1728 2 года назад +1

    Best css tutorial I have ever seen
    Please keep up your kindness

  • @chacecampbell2697
    @chacecampbell2697 3 года назад +3

    Blown away at how clear and thorough this was while also providing a genuinely applicable final example beyond wireframe boxes. Absolutely sub'd, excited to get into your other content as well!

  • @azs06
    @azs06 3 года назад +2

    Hands down, one of the best grid tutorial video on youtube, I have checked your several other videos, top quality content man. Keep up the great work.

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Md.Atiquzzaman! Thank you very much brother, really appreciate the support 🙂👍

  • @Teeffein
    @Teeffein Месяц назад +1

    Your explanations are so perfect, thank you, brother!

  • @jwf3148
    @jwf3148 2 года назад +1

    All the positive comments are understated. And I concur with each and every one. Not just the best Grid tutorial on the net - but perhaps the best tutorial on the net...Wow Wow Wow !!!

    • @DevDreamer
      @DevDreamer  2 года назад

      Thank you James! One of the best comments I’ve ever received, thanks for watching and supporting 🙂👍

  • @saydome
    @saydome 3 года назад +2

    Hey man! Just watched your whole series to freshen up my mind, because i wanted to work with SCSS in my laravel project. You are absolutely amazing, keep up with the great work.

    • @DevDreamer
      @DevDreamer  3 года назад

      🔥 Thank you so much! 🙂👍

  • @leonvita91uk
    @leonvita91uk Год назад +1

    i have never finished youtube video more than 20 min, but this one i really enjoyed it

  • @Wurani
    @Wurani 2 года назад

    Dev dreamer never disappoints!!!!
    Keep it burning 🔥

  • @albedesigns
    @albedesigns Год назад

    So glad I found this channel again! Made sure I subbed this time because I thought I did last time but didn't. One of the best web development creators on YT!

  • @manofsteppe179
    @manofsteppe179 3 года назад

    This is just brilliant man, I mean it, that quality! I have watched before 6 hours of worst tutorial about grid, 6 hours Carl! (luckuly I did not have to pay for it)

  • @rzr9222
    @rzr9222 4 года назад +4

    I was going to start learning CSS Grid and then i saw you uploaded a video on it. Talk about some good luck.

    • @DevDreamer
      @DevDreamer  4 года назад +2

      Hey man, that is some great luck there, CSS Grid is such a game changer. Thanks once again for the awesome support 🙂👍

  • @dhruvitnavadiya5253
    @dhruvitnavadiya5253 3 года назад +2

    I would recommend everyone to watch this video at the speed of 0.75 otherwise its a great tutorial!

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Dhruvit! Thanks for watching 👍 Do I speak too fast? Lol 😄

  • @thatcrazy2
    @thatcrazy2 Год назад +1

    This is the best tutorial on grid.... It's simplify and well explained... 💯

  • @caerulemusic
    @caerulemusic 2 года назад +1

    I watched so many tutorials on this topic and yours is by far the best. You clearly have an in-depth understanding that is unmatched, and you are extremely good at explaining in a concise and clear manner. I'm really impressed. Thanks for such a great lesson. Subscribed, liked, and will for sure be watching your other videos!

    • @DevDreamer
      @DevDreamer  2 года назад +1

      Thank you for these kind words, glad you found it helpful 🙂👍

  • @gouravchouhan1790
    @gouravchouhan1790 2 года назад

    Who are you, who are so wise in ways of css.
    RUclips is full of gems💎
    ♥️♥️

  • @HayWhy_Pappy
    @HayWhy_Pappy 2 года назад

    Best explanation on grid so far

  • @mirajaryal3322
    @mirajaryal3322 3 года назад +2

    I was looking for a quick video to revisit grid as I always end up using flex. This video gave me clear understanding of grid and now I'll be using grid for my upcoming projects. Amazing content.

    • @DevDreamer
      @DevDreamer  3 года назад +1

      Hey Miraj, that’s awesome! Thank you so much for watching brother, glad you found it useful. Grid is incredibly powerful, especially when used together with flex box 🙂👍

  • @khudoyorrakhmatov7530
    @khudoyorrakhmatov7530 3 года назад +2

    Where have you been all my life ?! 😁
    I watch a lot of content from web developers like Kevin Powell and Kyle (Web Dev Simplified). They are awesome but your flow of explanation is unmatched so far. I am all set to watch your entire content in a week. Thanks a lot 🙏

    • @DevDreamer
      @DevDreamer  3 года назад +1

      🔥🔥🔥 Thank you so much Khudoyor! This means a lot, I’m glad that my videos are helpful 🙂👍

    • @khudoyorrakhmatov7530
      @khudoyorrakhmatov7530 3 года назад +1

      @@DevDreamer My plan to finish it in a week was unrealistic but I am almost done with the CSS playlist. I am more intrigued by JS tutorials. Let's see what you've got 😎

  • @sudhakard1910
    @sudhakard1910 3 года назад

    No words to explain. You are charm.

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq Год назад

    your tutorial is so helpful, saved me lots of money in learning CSS

  • @SwapnilSoni
    @SwapnilSoni 3 года назад

    Omg i just found the most amazing programming channel on youtube

  • @filipgieraga6965
    @filipgieraga6965 3 года назад +2

    When u said cool isn't it? I was like no man this isn't cool this is absolutely great, I love it as much as I love your content. Best regards from Poland Sir :)

    • @DevDreamer
      @DevDreamer  3 года назад +1

      🔥Hi Filip! Dziękuję Ci bardzo 🙂I appreciate your great support, loads more to come 👍

  • @xishx8642
    @xishx8642 3 года назад +1

    Thabk goodness i found your youtube channel! Been able to solve problem in my homework just in few minutes! I love your explanation! Thank you for your good work ❤️

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey! That’s great news, really glad that this has helped you 🙂👍

  • @cv3787
    @cv3787 3 года назад +1

    Best tutorial on css grid!

    • @DevDreamer
      @DevDreamer  3 года назад

      Thank you, appreciate the love 🙂👍

  • @carlosanaya9070
    @carlosanaya9070 2 года назад +1

    Excelente tutorial 👌. Thanks a lot for taking the time to show us this in the simplest way possible. Greetings from El Salvador.

    • @DevDreamer
      @DevDreamer  2 года назад

      Hey Carlos, thank you so much for watching, glad it was helpful 🙂👍

  • @aboalesaad
    @aboalesaad 2 года назад

    Best grid explanation I have ever seen
    Go On ,man❤

  • @ankitchandra6330
    @ankitchandra6330 3 года назад +2

    Some really impressive content, presented with top-notch production quality.

  • @ugochukwuezike5397
    @ugochukwuezike5397 Год назад +1

    You are a great teacher. I deeply appreciate this video. 🙏

  • @MrBabsolut
    @MrBabsolut 2 года назад +1

    Very explanatory. You are the best.

  • @wishing180
    @wishing180 3 года назад +2

    This is the next freecodecamp

    • @DevDreamer
      @DevDreamer  3 года назад

      Thanks for the awesome support 🙂👍

  • @xBeyondMystery
    @xBeyondMystery 3 года назад +2

    Here after watching your Flexbox video, I love how you explain and show everything so neatly, thank you very much! and also thank you for sharing the dashboard design from scratch, after seeing it I inmediatly wanted to try to do it too :)

    • @DevDreamer
      @DevDreamer  3 года назад +1

      Hey beyondmystery, thank you so much for your amazing support! Really glad you are finding the teaching useful. Yh it is quite a nice design isn’t it, be sure to stay tuned for more 🙂👍

  • @koukos8805
    @koukos8805 2 года назад +1

    Amazing content ! Feeling so lucky that I found you :)

  • @shadowx7286
    @shadowx7286 Год назад +1

    O dam i really wanted to know how bootstrap classes for rows and columns were made after I learned bootstrap. Thank you for this clear and amazing video which helped me understand css grid in 40 mins. The other tutorials on css grid are full on inconsistent compared to this one. I can finally make my own grid classes

    • @DevDreamer
      @DevDreamer  Год назад

      Hey shadowX, that’s awesome man! Glad I could help 🙂

    • @shadowx7286
      @shadowx7286 Год назад

      @@DevDreamer 👍😁

  • @whynotgetupandrave
    @whynotgetupandrave 3 года назад +1

    Really well described, you have earned another subscriber

    • @DevDreamer
      @DevDreamer  3 года назад

      Amazing! Thank you 😃👍

  • @CodingAfterThirty
    @CodingAfterThirty 3 года назад +2

    Just discovered your channel. Just amazing. Keep up the good work. Subbed.

  • @whowhatwhyhow
    @whowhatwhyhow 4 года назад +3

    The content on this channel is so good!! The animations, the information, almost everything! The only thing that bothers me is the mic though

    • @DevDreamer
      @DevDreamer  4 года назад +1

      Hey Lucas, thanks for the great support! I appreciate that feedback, the audio quality on my latest videos should be better than the earlier videos, but this is definitely something I will take into consideration going forward. Thank you! 🙂👍

  • @dilanrey514
    @dilanrey514 3 года назад +1

    What a wonderful video dude! U r completly insane. All the material of this video is incredible, you have a new subscriber here! Greetings from Colombia!

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Dilan! Thank you man, I appreciate the love 🙂👍

  • @thecsspage5603
    @thecsspage5603 3 года назад +4

    Very nice and high quality video !! Keep going man

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Dev Prakash Sahoo! Thank you so much brother, loads more to come 🙂👍

  • @DevDreamer
    @DevDreamer  4 года назад +6

    Here’s a video of the dashboard design from scratch - ruclips.net/video/f7ECiT4aAFg/видео.html 👍

  • @ionatandumea7471
    @ionatandumea7471 3 года назад +3

    amazing info structure & quality. Great work!

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Ionatan, thank you very much! 🙂👍

  • @melvinprince7149
    @melvinprince7149 2 года назад

    Thankyou so much for your efforts to devolop this content. I am totally in love with you......please keep going..add more an more videos.....Don't stop 🙏🙏
    Your content saves me a lot of time...it's too good 👍👍❤️❤️🔥🔥

  • @autodidactech1066
    @autodidactech1066 2 года назад

    Watched all the videos. Thank you for teaching me!

  • @Dornpunzel
    @Dornpunzel 3 года назад

    You talk fast and fluently.
    You do animations for better visual understanding.
    You keep it simple.
    You explain straightforward and easy to follow.
    Man i wish you best of luck with your channel and more subs.
    Oh and could you please also show the css for the .item class at 2:53 ?
    I wanted to build your example to follow through. :)
    Another question from 2:53 : Why are your numbers in the div.item containers are vertically centered?
    I'd rly love to see the magic behind that since in the .container div there is nothing doing that. :)

  • @ArchAid1
    @ArchAid1 2 года назад +1

    This. Was. BRILLIANT 🤩🤩🤩

    • @DevDreamer
      @DevDreamer  2 года назад

      Hey Michael, thanks for the awesome comment! Glad the tutorial was helpful 🙂👍

  • @grizzlybear7264
    @grizzlybear7264 3 года назад +1

    Game changer video.... Keep it up 🙂🙂👍explanation👏

    • @DevDreamer
      @DevDreamer  3 года назад

      Thank you so much! 🙂👍

  • @Jarreddesigns
    @Jarreddesigns 4 года назад +7

    ONLY 1000 VIEWS?!
    Great tutorial man, finally lifted my doubts about css grid

    • @DevDreamer
      @DevDreamer  4 года назад +1

      Hey Jar, thank you so much, I'm really glad it's been useful! 🙂👍

  • @boratechlife6983
    @boratechlife6983 3 года назад

    Exceptional and Nice Video. Well done Dev Dreamer

  • @SvetaSveta-ms4hi
    @SvetaSveta-ms4hi 3 года назад +1

    YOU ARE THE BEST! 🙏

  • @petermuturi4402
    @petermuturi4402 3 года назад

    Honestly this is a job well done

  • @HULEG
    @HULEG 3 года назад +3

    Excelent tutor. Learned a lot from you. Thank you veru much. Wish you all the best. Peace 😎👍🏻

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey HULEG, thank you! And thanks for watching, I’m glad it’s been helpful 🙂👍

  • @iiwi758
    @iiwi758 3 года назад +2

    Thank you for this. A small suggestion is that you include the initial code somewhere so that people can copy-paste it into their editor and follow along without the need to type it out.

    • @DevDreamer
      @DevDreamer  3 года назад +1

      Hey Yorkarenka, thank you so much for watching. Thank you for the suggestion, this is something I will think about. However, I would rather people typed out the code themselves. You'd be surprised how much quicker you will learn by actually typing as opposed to copy and pasting, it cultivates familiarity, confidence and coding muscle memory. 🙂👍

  • @yotastemaker9303
    @yotastemaker9303 2 года назад

    My friend, thank you so much for this. Really appreciate it.

  • @imrulkayes2639
    @imrulkayes2639 3 года назад +1

    You are a wonderful explainer....thank you.

    • @DevDreamer
      @DevDreamer  3 года назад

      Hi Imrul! Thank you so much 😀👍

  • @TheJacklwilliams
    @TheJacklwilliams 2 года назад

    Ok, I bumped dislke. Bottom line for me, it was a wild ride. For each possibility in the grid you presented the options however whether long form or short form I was confounded as to "what do I choose and why". Additionally, as you went through all possible options / iterations / styles it took up 3/4 of the tutorial and left 1/4 for the actual "build a dashboard". Then you proceeded to code the grid/row options for the content, place the content, etc... all at a pretty breakneck pace that left me again wondering the "why" when choosing certain methods for layout. Great course, great content I think the answer in the end for me is your teaching style and my learning style or fundamentally at different ends of the spectrum. One thing for certain, I can save this video and come back as a css grid reference and probably will however, once again, with all the options when creating my grid and flow I didn't walk away feeling clear as to what to choose when. Anyway, thank you. Hopefully my comment is useful in some way if not, no matter, you've got a great subscription base and are putting out quality work.

    • @DevDreamer
      @DevDreamer  2 года назад +1

      Hi Jack, thanks for the feedback. I see your concerns, however it’s not as black and white as saying “use this option in scenario x” and “this option in scenario y”. There’s almost always more than one way to reach a desired end, with a deep understanding of each CSS Grid property the point is you’re able to then draw upon and use these different ways to build out elements and layouts.
      As to long and short form, the short form is just that: a shorter and quicker way to write out what would otherwise take you longer, there’s no real right or wrong, both options would get the job done.
      The main purpose of this tutorial is to teach CSS Grid in a complete guide, therefore it was necessary to ensure I covered all Grid properties. The builds at the end are an added bonus, and by that stage you should be able to grasp what’s happening. I have done a separate video on the channel where I build out the dashboard from scratch, perhaps watching that might help as well.
      Shame about the dislike, I hope you stick around and stay tuned to the channel anyway, there’s loads more content to come. Thank you.

    • @TheJacklwilliams
      @TheJacklwilliams 2 года назад

      @@DevDreamer Thank you! I'm back, and subscribed. Your willingness to simply engage me on the subject, etc... That trumps anything else I might have had difficulty with. Re above I see your point. Keep in mind, and it's probably wrong on my point? I type along with these things. I feel like (and I could be wrong) that if I enter / work through it while taking the lesson, I learn more. So, I create a file(s) on my Apache server here, fire up my editor and join in. In the type of flow we had going here? It was a challenge and very early I took my hands off the keyboard, and just watched. lol... Maybe, that's what's necessary in some cases but I've got to say, for me to have a complete experience with EVERYTHING you presented here? My other option is to step back through, and write in all the options you laid out, with comments, and comment out those things as we step through. At least in the end, I get a "working file" from this classroom session I can refer back to. My main goal is to always walk away with a deliverable I can reference later. As everyone says these days the number one thing about being in dev is knowing how to google. Yes, and no. First, I'd like to check my own Library and notes, before I go off looking elsewhere. Anyway, thank you, VERY VERY MUCH. Sub'd and looking forward to more sir. Oh and, took that ugly thumb back ;-)

  • @Constantine4j
    @Constantine4j 3 года назад +1

    Perfect Tutorial! Thank you very much!

  • @anton-23
    @anton-23 3 года назад +1

    Very well explained. I love your tutorials. Thank you very much and keep it up! :)

  • @yairlanz
    @yairlanz 3 года назад +1

    Amazing !!
    Thank you so much for this channel.
    moving on to your JS channel

  • @mdinotfound
    @mdinotfound 2 года назад +1

    it was sooo useful. thank you ma man

  • @kwakutakyi5032
    @kwakutakyi5032 3 года назад +1

    God bless you for this tutorial

    • @DevDreamer
      @DevDreamer  3 года назад

      Thanks for watching 🙂👍

  • @LiquidMasti
    @LiquidMasti 3 года назад +1

    So nicely explained. I learned alot.

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Dhairya! Thank you so much, really glad it's been helpful 🙂👍

  • @lolu6797
    @lolu6797 2 года назад

    I love love love your stuff!
    Time for me to use it to build a pretty calc.

  • @thearmor9231
    @thearmor9231 3 года назад +1

    CSS grid is for layout, Flexbox is for alignment

  • @mohamedmarnaoui497
    @mohamedmarnaoui497 3 года назад

    Thank you, BRO...You made my day
    BRAVO

  • @FilipCodes
    @FilipCodes 4 года назад +2

    Amazing video!

    • @DevDreamer
      @DevDreamer  4 года назад +1

      Hey Filip! Thank you so much for this awesome comment, I'm glad it's been useful 🙂👍

    • @FilipCodes
      @FilipCodes 4 года назад +1

      @@DevDreamer Yeah the only problem with it is that it has too little views and likes haha. Keep up the great work :)

    • @DevDreamer
      @DevDreamer  4 года назад

      😆 Lol all in good time. You can help by sharing 🙂, thanks again man 🙂 👍

  • @majedrefai3014
    @majedrefai3014 2 года назад

    Excellent tutorial

  • @РусланМагамедов-л3м

    thnx a million, you r the gamechanger

  • @alitopedits
    @alitopedits 3 года назад +1

    Man youre golden

  • @ramazanali9447
    @ramazanali9447 Год назад +1

    great! thank you for your explanation

  • @saeedhalabi
    @saeedhalabi Год назад +1

    THE BEST!!!

  • @swamy8553
    @swamy8553 4 года назад +5

    i have accidentally viewed your vid and i'm loving ❤ it . great content and good explanation👏👍😊
    could you make a full video of the dashboard or share the code🙏

    • @DevDreamer
      @DevDreamer  4 года назад +3

      Hey Swamy! Thank you so much for your great comment, I’m glad you’re enjoying the content 🙂 Yes, I am currently thinking about starting a new series where I recreate designs from scratch and this design may be the first. Thanks for your great support 🙂👍

    • @swamy8553
      @swamy8553 4 года назад +1

      @@DevDreamerlooking forward for it👍🏻

    • @DevDreamer
      @DevDreamer  4 года назад +2

      @@swamy8553 here’s the full video of the dashboard design from scratch - ruclips.net/video/f7ECiT4aAFg/видео.html 👍

  • @olumax
    @olumax 3 года назад +1

    Well explained, thanks a lot my tutor

  • @sandeshadhikari4785
    @sandeshadhikari4785 2 года назад

    Thanks from Nepal

  • @mouadariqi
    @mouadariqi 3 года назад +1

    The best ever.. Thank you

    • @DevDreamer
      @DevDreamer  3 года назад

      Hey Mouad! Thank you very much, thanks for watching 🙂👍

  • @muhammadfauzi3799
    @muhammadfauzi3799 3 года назад

    amazing explanation

  • @codersraj8223
    @codersraj8223 2 года назад +1

    Thanks for details of grid

    • @DevDreamer
      @DevDreamer  2 года назад

      You’re welcome, thanks for watching 🙂👍

  • @paul-e8622
    @paul-e8622 3 года назад +1

    quality tutorial

    • @DevDreamer
      @DevDreamer  3 года назад +1

      Hey Paul-E thanks so much 🙂👍