Responsive CSS Card Layout - Using Flexbox - CSS & HTML

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ต.ค. 2024
  • In this tutorial you can learn how to design responsive css card layout with different sizes using flexbox. Hope you will enjoy this tutorial.
    ∎ Download Source codes - www.codingsnow...
    ∎ Our Website - www.codingsnow...
    ∎ Facebook Page - / codingsnow
    ∎ Support me on Patreon - / codingsnow
    Want to help out? How about donating?
    Paypal Donation - paypal.me/codi...
    #css_flexbox #css_flexbox_card_layout #responsive_css_card_layout
    Background music:
    ____________________
    Track: Clarx & Harddope - Castle [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: • Clarx & Harddope - Cas...
    Free Download / Stream: ncs.io/Castle

ความคิดเห็น • 24

  • @chrisstewart2276
    @chrisstewart2276 2 ปีที่แล้ว +4

    This is hands down the most useful tutorial I have found. I didn't have to follow your exact layout. I could adjust the different elements by your direction in the areas I needed them.
    Thank you!!! It's been a long day of searching...haha

  • @VijaykumarA-o8v
    @VijaykumarA-o8v 9 หลายเดือนก่อน

    I will always be grateful for the time and effort you put into teaching me. Your passion for education is truly great and awesome. Good bless you.😀

  • @VijaykumarA-o8v
    @VijaykumarA-o8v 9 หลายเดือนก่อน

    I will always be grateful for the time and effort you put into teaching me. Your passion for education is truly great and awesome. Good bless you.

  • @moniquecampbell5709
    @moniquecampbell5709 3 ปีที่แล้ว +3

    I like the fact that you went back to show what class in the HTML you add some CSS to in the stylesheet and that you had a live previewer while highlighting each significant result displayed in it.

  • @afriend8961
    @afriend8961 7 หลายเดือนก่อน

    If you fill these divs with content, any content, and styled as you want the content, will this result in the content overflowing/exceeding the divs the way they are laid out? If so, would you fix this with the Flexbox props/values or other width/height props/values in the content? Thanks! =).

  • @shahlaukik
    @shahlaukik 2 ปีที่แล้ว +1

    Hi! I loved the tutorial so much that I immediately subscribed! Please keep making such videos. Especially the song cheered me up:)
    Also why does adding flex:100% makes the boxes to take separate line on their own whereas initially they just scrambled up?

  • @AhmedNAgy-d8l
    @AhmedNAgy-d8l 6 หลายเดือนก่อน

    What about using group selection instead of duplicating

  • @kelvinlao796
    @kelvinlao796 ปีที่แล้ว

    Where is download for the source code to this video. It just has the home page link.

  • @hiplayzone8545
    @hiplayzone8545 ปีที่แล้ว

    best video ever
    love you bro keep it up

  • @FullStack_Traveller
    @FullStack_Traveller 2 ปีที่แล้ว

    Amazing Great your all videos --------> helpful for everyone

  • @thisarasilva3048
    @thisarasilva3048 3 ปีที่แล้ว

    Thankyou learned a lot

  • @JulioFrancoPy
    @JulioFrancoPy 4 ปีที่แล้ว +1

    Fantastic! Thanks very much!

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      You're most welcome!

  • @MorningLightHaze
    @MorningLightHaze 2 ปีที่แล้ว

    Thank you very much!

  • @AllanCover
    @AllanCover 3 ปีที่แล้ว

    I really love this... new subs ..I am beginner .. I need more content about like this ... plss:)

  • @chhasnain_offical1082
    @chhasnain_offical1082 4 ปีที่แล้ว +2

    superb broo ❤
    but source code pr copy ka button lazmi bnaya kro!!

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว +1

      Glad you like it!. Thank you!! ❤️

  • @MrBaykalcelik
    @MrBaykalcelik 2 ปีที่แล้ว

    Really Nice Work..

  • @ompatil1346
    @ompatil1346 2 ปีที่แล้ว

    THANK YOUUUUU

  • @pranavchauhan4970
    @pranavchauhan4970 2 ปีที่แล้ว

    Awesome ❤️

  • @imformationschannel9881
    @imformationschannel9881 4 ปีที่แล้ว +1

    Thanks🤗

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      You're welcome! ❤️

  • @Evolvemindscape
    @Evolvemindscape ปีที่แล้ว

    Background music name please 😐👍

  • @nabeelmalik.4714
    @nabeelmalik.4714 3 ปีที่แล้ว

    Thank you very much!