Flexbox or Grid in CSS - Differentiate Easily With Examples

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 74

  • @lundeveloper
    @lundeveloper  5 місяців тому +16

    Can everyone give me your opinion on choosing a topic for the next video?

    • @patunolaibukun2506
      @patunolaibukun2506 5 місяців тому +3

      🙏 please explain further on both flex and grid or make it a playlists

    • @bitartem
      @bitartem 5 місяців тому +3

      CSS :is() :where() :has() ? :)

    • @Small_Omni
      @Small_Omni 5 місяців тому +2

      Make a Video on How to Use "webkit" in Css

    • @n-ethene
      @n-ethene 5 місяців тому +1

      How did you use & to style another element in an element?
      Just curious

    • @harikrishnanpandyan5684
      @harikrishnanpandyan5684 4 місяці тому

      on flex and grid both deep understanding video.. All the features also

  • @aniruddh8877
    @aniruddh8877 3 місяці тому +10

    WOW I am happy with your teaching tricks and animation you use to teach
    love from INDIA

  • @keitho6974
    @keitho6974 4 місяці тому +3

    Man I love how you prioritize minimizing code as much as humanly possible. I hate working on code someone has built where they didnt think about it and they have !important everywhere.

  • @pronoy_sarkar043
    @pronoy_sarkar043 5 місяців тому +6

    Yes, obviously we want a deeper explanation of each of these features !

  • @julienSibille
    @julienSibille 5 місяців тому +7

    High quality global topic ! We certainly want a deeper explanation of each of these features !

    • @lundeveloper
      @lundeveloper  5 місяців тому +4

      Thank you for your comments 😍

  • @RadiusRadiated
    @RadiusRadiated 2 місяці тому

    Awesome stuff man Big Support from Central Asia Uzbekistan!
    This is awesome topics that needs to be discussed and taught. High quality content, Best of luck to you my man!

  • @NoTimeWaste1
    @NoTimeWaste1 4 місяці тому

    Thanks bro, understood exactly when to use flex box and gird.

  • @robertwallace5498
    @robertwallace5498 4 місяці тому

    naming the areas is smart. Maybe I should use grid more often

  • @strategicgod3004
    @strategicgod3004 5 місяців тому +3

    Amazing video , i recently discovered you channel , the content is really good. I would love a video on animations on scroll , like components fading in & out ect , just like you did in level 3 glassmorphism (it was really good )
    Also can you make some tailwind content ( if possible obviously)

    • @lundeveloper
      @lundeveloper  5 місяців тому +1

      Thank you for comment 😍

  • @lancewilliamcatal6870
    @lancewilliamcatal6870 5 місяців тому +1

    I am glad to have discovered your channel a while ago. Your presentation and delivery is top notch. May I just ask how does it fare in terms of responsiveness? Thanks in advance for your answer, and keep up the amazing work.

  • @JoseGarcia-po6ii
    @JoseGarcia-po6ii 4 місяці тому

    Love this topic please make more of grid and flex tricks!

  • @MarvellousHarrison
    @MarvellousHarrison 5 місяців тому

    Thanks for this wonderful one, it really gets overwhelming to realize which to use and when especially when creating a website from memory and not from an already existing one.
    I love what you do and I know you love it too..
    Can you please make a video explaining the different positions please.

  • @abcdabcd8605
    @abcdabcd8605 5 місяців тому

    Amazing explanation!! Need a detailed video on grid which includes all the properties of grid

  • @Hassan-u3d
    @Hassan-u3d 4 місяці тому +1

    This is really amazing and helpful video. Do you make a video on different types of header?

  • @vijayfrontend
    @vijayfrontend 5 місяців тому

    I liked your way of explaining it's super easy to understand. Could you please create a simple admin panel just by using grid and flex? It would be really helpful to learn. Thanks

  • @jakobo5521
    @jakobo5521 5 місяців тому

    That was just awasome! The same situation with the video about Glassmorphism. I am impressed if it comes to the simplicity and efectivness of these tutorials. Thums up and sub for you buddy! Keep great work🦾

  • @ahammedshajmeer
    @ahammedshajmeer 5 місяців тому

    Good video, can you explain the use cases of flexbox and grid according to designs. I mean which of them allow as to create a responsive design that doesn't cause any overflow.

  • @hoatranthanh9736
    @hoatranthanh9736 4 місяці тому

    How can you change the text color for VSC ? It’s so cool.

  • @deepanshubhargav1024
    @deepanshubhargav1024 5 місяців тому

    More videos like this in details pls

  • @mirjalol49
    @mirjalol49 5 місяців тому +31

    is this mrbeast voice

    • @SatoOnAir
      @SatoOnAir 4 місяці тому +1

      it’s Mr.Beast side channel

    • @Shurikenfe3
      @Shurikenfe3 4 місяці тому

      That's my first Impression too.
      Is this his real voice? Or just an Ai voice changer of Mr Beast? Either way it's cool though

    • @kaustubhudamale9803
      @kaustubhudamale9803 3 місяці тому +3

      @@Shurikenfe3 ai voice obviously

  • @rannieperalta2192
    @rannieperalta2192 5 місяців тому

    This channel deserves a million subscribers

  • @filipebratti
    @filipebratti 5 місяців тому

    Very nice video Lun! Thanks for explain this topic, I really want to know more about this more deeper in another examples.

    • @lundeveloper
      @lundeveloper  5 місяців тому +1

      Thank you very much, you can watch my video Become to master Grid by Lun Dev, there are also many examples mentioned

    • @filipebratti
      @filipebratti 5 місяців тому

      @@lundeveloper Thanks Man! I'll see!

  • @dealseasy363
    @dealseasy363 5 місяців тому

    We want a detailed video on these topics please...

  • @raatjagatara
    @raatjagatara 3 місяці тому

    Hi how do you adjust the height if you have different content on left and right boxes using grid template area, can we also use percentage instead of pixels.

  • @khalilkhassep8778
    @khalilkhassep8778 2 дні тому

    yes do more

  • @sultanthe2nd
    @sultanthe2nd 5 місяців тому +1

    A CSS video by Mr Beast 💯

  • @halibal2924
    @halibal2924 2 місяці тому

    Thank you for this great tutorial. Can you share html files of the examples you show above?

  • @chinzorigyou
    @chinzorigyou 2 місяці тому

    Great video.

  • @GantTero
    @GantTero 4 місяці тому

    I love your content i learn new things

  • @condor616
    @condor616 5 місяців тому

    Love your videos. Keep up the great work 😉

  • @younesdeveloper
    @younesdeveloper Місяць тому

    again great content

  • @secretcode96
    @secretcode96 2 місяці тому

    great work man.

  • @n-ethene
    @n-ethene 5 місяців тому

    Best. 🤯

  • @mdnil4856
    @mdnil4856 5 місяців тому +1

    2:31 what's the name of that extension which reminding you as you write the code?

    • @lundeveloper
      @lundeveloper  5 місяців тому +1

      This is Error Lens Extension

  • @evi1ginx67
    @evi1ginx67 5 місяців тому

    perfect work, bro , but i was wondering about how I can find this voice to make it too in my videos 😅

  • @ib4112
    @ib4112 5 місяців тому

    can you share the link of example you shared 00:50 seconds

  • @ahammedshajmeer
    @ahammedshajmeer 5 місяців тому

    A parallax scroll website with react. Please do a video on this.

  • @imxing
    @imxing 4 місяці тому

    What extension did you use?

  • @ChocolateTaiyaki
    @ChocolateTaiyaki 3 місяці тому

    I love you so much

  • @yashsagar734
    @yashsagar734 5 місяців тому

    Please explain grid with full details

  • @samefrequency20
    @samefrequency20 9 днів тому

    Bạn cho mình xin file HTML được không, cảm ơn bạn rất nhiều

  • @chinzorigyou
    @chinzorigyou 2 місяці тому

    please someone share its html code?

  • @abidkasu8026
    @abidkasu8026 5 місяців тому

    Please re-upload your older videos in English

    • @lundeveloper
      @lundeveloper  5 місяців тому

      Of course, everything is being done

  • @vinhang6360
    @vinhang6360 5 місяців тому +1

    Goodjob bro, keep doing this! Wish the best for you!

    • @lundeveloper
      @lundeveloper  5 місяців тому

      OMG. Thank you very much. I will try harder ❤️

  • @DavidGutierrez-dj2kk
    @DavidGutierrez-dj2kk 4 місяці тому

    At this moment, I hate flex....