Learn CSS display property in 4 minutes! 🧱

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

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

  • @BroCodez
    @BroCodez  ปีที่แล้ว +26

    Bro Code

    div
    span
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam asperiores doloremque repellendus quibusdam, quasi reprehenderit nesciunt illum repudiandae illo ad perspiciatis voluptas velit dicta similique veritatis quos non explicabo vel.
    /* style.css */
    div{
    background-color: hsl(0, 100%, 75%);
    width: 100px;
    height: 100px;
    display: block;
    }
    span{
    background-color: hsl(204, 100%, 75%);
    width: 100px;
    height: 100px;
    display: inline;
    }

  • @safayatanimations3083
    @safayatanimations3083 2 หลายเดือนก่อน +24

    Clearcut, simple, Easy, no music, Straight to the point Video, perfect, welldone.

  • @JamesBondRJ707
    @JamesBondRJ707 7 หลายเดือนก่อน +16

    thanks bro, I was wondering what the heck is inline-block . Today I got it clear... thanks again...

  • @marianuntaru7940
    @marianuntaru7940 5 หลายเดือนก่อน +2

    After watching some videos and still struggling finally you brought the light! Easy and straight to the point ! Thank you!

  • @muhammadrafay7398
    @muhammadrafay7398 8 วันที่ผ่านมา

    Straight forward,
    Simple
    And easy to understandable video.

  • @JayantBB78
    @JayantBB78 8 หลายเดือนก่อน +5

    No nonsense, right to the point video. 👍🏻

  • @joshuamensah9309
    @joshuamensah9309 11 หลายเดือนก่อน +4

    Absolutely legendary video 💯

  • @nateroskelley7565
    @nateroskelley7565 ปีที่แล้ว +6

    This makes sense, and I understand how block, inline, inline-block, and none work together. Looking at it like this, it seems like display refers to how an element interacts with the elements around it.
    But there's 2 more display properties: Flex, and grid. I understand the choice not to include them in this video, they are large enough topics that they deserve their own video. But I don't really understand why display defines the way that the element interacts with the elements around it sometimes, and defines the way that the elements inside it interact other times. Could you explain what exactly display is supposed to be doing?

    • @MustakAhmmed-l4f
      @MustakAhmmed-l4f 11 หลายเดือนก่อน

      Exactly!
      I am just out of my confusion!
      by the way what do you do now and how far are you in learning code bro?

  • @dieguin_nomas
    @dieguin_nomas 3 หลายเดือนก่อน

    Best an easy to understand explanation ever ! thanks bro

  • @FrederikWoellert
    @FrederikWoellert 8 วันที่ผ่านมา

    Very good video.

  • @RohitKumar-zp6ci
    @RohitKumar-zp6ci 3 หลายเดือนก่อน

    Very helpful for revision

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

    Easy to understand, thank you brother

  • @pharaoh9483
    @pharaoh9483 3 หลายเดือนก่อน

    I was wondering why my sidebar which contained elements were not being centered properly, even though they were inside a flex container with justify content center and align items center.

  • @MasumExtended-jt4ty
    @MasumExtended-jt4ty 6 หลายเดือนก่อน

    Not Bro Code..
    Its Best Code Channel..

  • @markzait2750
    @markzait2750 9 หลายเดือนก่อน

    Very good explanation. Thank you Bro Code!

  • @surfas5434
    @surfas5434 ปีที่แล้ว +6

    OMG looks like we are heading to another 10 hours bro code course

  • @flaykaz
    @flaykaz 3 หลายเดือนก่อน

    amazing...

  • @techtipstricks2776
    @techtipstricks2776 10 หลายเดือนก่อน

    Wow. Great explanation.. u got subscriber

  • @TrippHouse-z5b
    @TrippHouse-z5b 5 หลายเดือนก่อน

    Bro Code is the goat

  • @Wadih-bc
    @Wadih-bc 6 หลายเดือนก่อน

    Very much appreciated! Thanks :)

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

    Amazing bro

  • @_sun-shine-youtube.
    @_sun-shine-youtube. 6 หลายเดือนก่อน +1

    ❤❤❤

  • @MustakAhmmed-l4f
    @MustakAhmmed-l4f 11 หลายเดือนก่อน

    That's awesome explanation Bro Code!]

  • @vs-cd6qq
    @vs-cd6qq 11 หลายเดือนก่อน +1

    Thank you

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

    Tysm for this 😇

  • @sadamalihussein9582
    @sadamalihussein9582 2 หลายเดือนก่อน

    Thanks real help me

  • @Baraa_kj
    @Baraa_kj 6 หลายเดือนก่อน +1

    bro i was stack in inline for 1h and u help me 🙏

  • @arunbm123
    @arunbm123 8 หลายเดือนก่อน

    nice

  • @marco7838
    @marco7838 3 หลายเดือนก่อน

    When I create a p tag and double click on it, in the browser. It takes up a lot of space than it should. Maybe because it is a block level element that when I double click the blue space is quite big. How can I contain this and minimise the amount of space an element takes up?

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

    Ty

  • @capslock3250
    @capslock3250 8 หลายเดือนก่อน

    Thanks

  • @andyl9920
    @andyl9920 8 หลายเดือนก่อน

    Which one is best to use?
    Display: none
    Visibility: hidden
    -or-
    Opacity: 0

  • @magickomchanell4556
    @magickomchanell4556 9 หลายเดือนก่อน

    thank a milion

  • @EYUDEM
    @EYUDEM 2 หลายเดือนก่อน

    this is it

  • @rouisaek
    @rouisaek 11 หลายเดือนก่อน +1

  • @AddoPatrick-g8y
    @AddoPatrick-g8y 9 หลายเดือนก่อน

    Really useful but you talk too fast, I can barely here you.

    • @taitruong2604
      @taitruong2604 9 หลายเดือนก่อน

      You can reduce the playback speed to .75 or .5 if you want to

  • @sagnikdeb7516
    @sagnikdeb7516 7 หลายเดือนก่อน +1

    Thanks bro because I was not able to understand it until I saw this video.

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

    thank you