Flexbox or Grid in CSS - Differentiate Easily With Examples

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

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

  • @lundeveloper
    @lundeveloper  8 месяцев назад +16

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

    • @patunolaibukun2506
      @patunolaibukun2506 8 месяцев назад +3

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

    • @bitartem
      @bitartem 8 месяцев назад +3

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

    • @Small_Omni
      @Small_Omni 7 месяцев назад +3

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

    • @n-ethene
      @n-ethene 7 месяцев назад +2

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

    • @harikrishnanpandyan5684
      @harikrishnanpandyan5684 7 месяцев назад

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

  • @aniruddh8877
    @aniruddh8877 6 месяцев назад +11

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

  • @keitho6974
    @keitho6974 6 месяцев назад +4

    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.

  • @julienSibille
    @julienSibille 8 месяцев назад +9

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

    • @lundeveloper
      @lundeveloper  8 месяцев назад +4

      Thank you for your comments 😍

  • @pronoy_sarkar043
    @pronoy_sarkar043 7 месяцев назад +6

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

  • @RadiusRadiated
    @RadiusRadiated 4 месяца назад

    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!

  • @mirjalol49
    @mirjalol49 8 месяцев назад +43

    is this mrbeast voice

    • @SatoOnAir
      @SatoOnAir 7 месяцев назад +2

      it’s Mr.Beast side channel

    • @Shurikenfe3
      @Shurikenfe3 7 месяцев назад

      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 6 месяцев назад +5

      @@Shurikenfe3 ai voice obviously

  • @lancewilliamcatal6870
    @lancewilliamcatal6870 7 месяцев назад +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.

  • @jakobo5521
    @jakobo5521 7 месяцев назад

    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🦾

  • @strategicgod3004
    @strategicgod3004 8 месяцев назад +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  8 месяцев назад +1

      Thank you for comment 😍

  • @NoTimeWaste1
    @NoTimeWaste1 6 месяцев назад

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

  • @filipebratti
    @filipebratti 7 месяцев назад

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

    • @lundeveloper
      @lundeveloper  7 месяцев назад +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 7 месяцев назад

      @@lundeveloper Thanks Man! I'll see!

  • @MarvellousHarrison
    @MarvellousHarrison 8 месяцев назад

    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.

    • @lundeveloper
      @lundeveloper  8 месяцев назад

      😍 Thank you bro 😍😍

  • @abcdabcd8605
    @abcdabcd8605 8 месяцев назад

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

  • @N-AEz3
    @N-AEz3 Месяц назад

    yeeeeeeeeeeeeeeeeeeeeees we need more details 😍😍😍😍😍😍😍😍

  • @JoseGarcia-po6ii
    @JoseGarcia-po6ii 7 месяцев назад

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

  • @vinhang6360
    @vinhang6360 7 месяцев назад +1

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

    • @lundeveloper
      @lundeveloper  7 месяцев назад

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

  • @mesakhlolo8611
    @mesakhlolo8611 2 дня назад

    I love the sound effects 😂

  • @vijayfrontend
    @vijayfrontend 7 месяцев назад

    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

  • @Hassan-u3d
    @Hassan-u3d 7 месяцев назад +1

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

  • @condor616
    @condor616 8 месяцев назад

    Love your videos. Keep up the great work 😉

  • @ahammedshajmeer
    @ahammedshajmeer 8 месяцев назад

    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.

  • @mdnil4856
    @mdnil4856 8 месяцев назад +1

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

    • @lundeveloper
      @lundeveloper  8 месяцев назад +1

      This is Error Lens Extension

  • @GantTero
    @GantTero 7 месяцев назад

    I love your content i learn new things

    • @lundeveloper
      @lundeveloper  7 месяцев назад

      Thank you bro ☺️☺️

  • @robertwallace5498
    @robertwallace5498 7 месяцев назад

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

  • @raatjagatara
    @raatjagatara 5 месяцев назад

    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.

  • @deepanshubhargav1024
    @deepanshubhargav1024 8 месяцев назад

    More videos like this in details pls

  • @ib4112
    @ib4112 8 месяцев назад

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

  • @hoatranthanh9736
    @hoatranthanh9736 7 месяцев назад

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

  • @secretcode96
    @secretcode96 5 месяцев назад

    great work man.

  • @younesdeveloper
    @younesdeveloper 4 месяца назад

    again great content

  • @chinzorigyou
    @chinzorigyou 4 месяца назад

    Great video.

  • @n-ethene
    @n-ethene 7 месяцев назад

    Best. 🤯

  • @evi1ginx67
    @evi1ginx67 7 месяцев назад

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

  • @halibal2924
    @halibal2924 5 месяцев назад

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

  • @dealseasy363
    @dealseasy363 7 месяцев назад

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

  • @khalilkhassep8778
    @khalilkhassep8778 2 месяца назад

    yes do more

  • @sultanthe2nd
    @sultanthe2nd 7 месяцев назад +1

    A CSS video by Mr Beast 💯

    • @roxaneartc
      @roxaneartc 2 месяца назад +1

      Exactly im like how come no one else is saying this

  • @imxing
    @imxing 7 месяцев назад

    What extension did you use?

  • @ahammedshajmeer
    @ahammedshajmeer 8 месяцев назад

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

  • @rannieperalta2192
    @rannieperalta2192 7 месяцев назад

    This channel deserves a million subscribers

    • @lundeveloper
      @lundeveloper  7 месяцев назад

      😍😍😍😍 Im tryyyyy

  • @ChocolateTaiyaki
    @ChocolateTaiyaki 5 месяцев назад

    I love you so much

  • @chinzorigyou
    @chinzorigyou 4 месяца назад +1

    please someone share its html code?

  • @samefrequency20
    @samefrequency20 2 месяца назад +1

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

  • @yashsagar734
    @yashsagar734 8 месяцев назад

    Please explain grid with full details

  • @Peter54zx5c4
    @Peter54zx5c4 Месяц назад

    is this voiced by ai?

  • @abidkasu8026
    @abidkasu8026 7 месяцев назад

    Please re-upload your older videos in English

    • @lundeveloper
      @lundeveloper  7 месяцев назад

      Of course, everything is being done

  • @DavidGutierrez-dj2kk
    @DavidGutierrez-dj2kk 6 месяцев назад

    At this moment, I hate flex....

  • @_hkrm_
    @_hkrm_ Месяц назад

    1. nice video
    2. unfortunately this is not for a total newbie like me
    3. could be a starting point to learn more... I guess?
    4. your SFXs are so stupidly loud that they are so annoying and overpowered your voice
    5. you sounded like SovietWomble but without the British accent

  • @parassingh9835
    @parassingh9835 Месяц назад

    why this ai sound so loud and aggressive.

  • @svenpearson5465
    @svenpearson5465 Месяц назад

    This is ai content