Why adding a margin on a child element affects the parent

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

КОМЕНТАРІ • 26

  • @rein556
    @rein556 Рік тому +8

    How do you come up with such brilliant and humorous thumbnails recently?? 😂😂

  • @squ34ky
    @squ34ky Рік тому +6

    The animations are very helpful in visualizing what's actually going on.

  • @harunjonuzi
    @harunjonuzi Рік тому +5

    This channel is a literal gem, I know it might take alot of time to produce quality content like this, but in the long run it will be worth it, keep up the good work, we are in love with the channel!

  • @coreyzamprogno5510
    @coreyzamprogno5510 Рік тому +3

    Good to see you're coming back with some content! We've missed ya

  • @ImAFriendlyMushroom
    @ImAFriendlyMushroom Рік тому +2

    i’m so glad that you’re posting videos again!!! your channel has been so helpful during my coding journey and i’ve missed seeing you! thank you for all that you do, your efforts are so appreciated ❤

  • @Alejandro00710
    @Alejandro00710 Рік тому +1

    It's great to see you again, you been away for a long time, hope your channel growts as it deservs.

  • @TravieTrav
    @TravieTrav Рік тому +2

    this video came out right on time. was just struggling with this last night!

  • @janiskarasa3707
    @janiskarasa3707 Рік тому +2

    This is very valuable content. I liked the one with images and white space underneath them.
    Next one could be about overflow, -x, -y for images and elements that are sticking out the viewports.
    Thank you! 🙏

  • @farzadbahadorifar1126
    @farzadbahadorifar1126 Рік тому

    another awesom video, in this short time, I really happy you start making these awesome videos and share it more and more, thanks a lot.

  • @Dailyz.
    @Dailyz. Рік тому +1

    Your videos are incredibly helpfull ❤

  • @ridir2912
    @ridir2912 Рік тому

    Margin-Collapse is some next Level CSS-Vodoo-Magic and the reason why our boss told us to avoid using margin. Thank you for demystifying such behavior.

  • @lachesis1033
    @lachesis1033 Рік тому

    I love your content, and i don't want you to stop creating.

  • @jimmyandres711
    @jimmyandres711 Рік тому

    my favourite teacher is back

  • @betoreyes3564
    @betoreyes3564 Рік тому

    Great video!, greetings from Mexico!

  • @pranavgoel29
    @pranavgoel29 Рік тому +1

    I wasn't aware about display: flow-root, I use padding generally. There are a lot of things in CSS phew. hahaha
    This was insightful. 🤗

  • @juanmacias5922
    @juanmacias5922 Рік тому +1

    I always just used padding lol

  • @boopathyraj6811
    @boopathyraj6811 Рік тому +3

    where were you?

  • @francoortegadev
    @francoortegadev Рік тому

    I don't think that I've come across this issue yet, and I still don't quite understand why the collapsing margin created whitespace, but I do appreciate the tips in case I do encounter this in the future. Also, I did see video about the whitespace issue with images, and that explanation did click for me.

  • @arefakminasi2626
    @arefakminasi2626 Рік тому

    Incredibly helpfull

  • @jitxhere
    @jitxhere Рік тому

    Amazing video

  • @codeVictor
    @codeVictor Рік тому

    Thanks

  • @wunkie2683
    @wunkie2683 9 місяців тому

    im trying to understand how in the beginning you say adding the margin-top in the second element to try and add space between the first and second element while maintaining the background colors touching. i get why it adds the white part but im not understanding how it correlates to the phenomenon of margin collapse? wouldn't it just be you are using the wrong property for the current problem and having nothing to do with margin collapse because there is no margin being applied to the first element to even have margin collapse phenomenon from happening between first and second element? sorry i just want to know if this is a mistake or if this is true that this is in fact margin collapse.

  • @moroccoheaventours304
    @moroccoheaventours304 Рік тому

    Hi please I have a problem in my website not mobile friendly in google I need your help if it possible many thinks

  • @VoloInTech
    @VoloInTech Рік тому

  • @Nikhil-dp2mw
    @Nikhil-dp2mw Рік тому

    nice