Margin and Padding Deep Dive: The basics 

You summed it up the entire video in a couple of sentences. I think I could have made this shorter, lol.

Someone's taking notes!

You're very welcome Closet Grasshopper! Really glad that you like the video and how I present my stuff :)

@shashanka Mg pretty sure she was referring to the “computer science nerd” as the one with no social skills.

Exactly! Sometimes I prefer watching the indian tutorials because they get straight to the point (even though I don't speak Hindi I somehow learn visually)

Welcome aboard!

Thanks Ivan, glad you liked it. And that video will be out Friday, so not too long to wait 👍

Thanks Benjir, glad you liked it :)

Thanks a lot, and I'm happy to help 😁

Thanks, glad that you liked it!

Oh man, I totally should have mentioned giving it a width for that to work, totally missed the mark on that. Thanks for mentioning it though, I'll add it in the description of the video. I always liked the concept of BEM, but the whole double underscore thing sort of annoyed me, but the more complicated projects you work on, you start to see the benefit of it all. I'm happy I'm playing around with it now, and I think it's won me over at this point.

Thanks so much 😊

Divs are block-level elements. Any block level element automatically starts a new line of content and takes up the full width of its parent (by default). This is also why it stacks things, because block-level elements automatically start a new line of content, whereas inline and inline-block elements do not. A div behaves the same way as a paragraph, they are both block-level. If paragraphs created columns instead of new rows of content, that would be a pain! If we give it a set width, then yes, it's on the left side. It starts at the top because, well, I'm not 100% sure where in the specifications it talks about that, but if it didn't it would be hard to build a website (from bottom to top???). I could be wrong, but starting from the top makes it a lot easier than anything else, that way our content follows the flow of the HTML we're writing. As far as it being on the left, if we give it a width, yes, it's on the top left. However, like you said, if you set your site up for a right-to-left language, it would go to the top right, instead of top left (you can read more on that here: www.w3.org/International/questions/qa-html-dir ). This, I think, makes a lot of sense. As far as the documentation, w3.org is where all of it would be, in relation to the standards, though I often find that the MDN is much more user-friendly as it includes examples and browser support tables, as also links to both the existing standard, as well as working drafts for future implimentations - developer.mozilla.org/en-US/

Glad to hear that Ameen!

Thanks! Super glad you liked it!

No problem!

Nah, things will overflow outside of their cell if they are bigger than the cell. By default, something will be taking up one row and one column, it won't automatically assume that it should actually take up two. That *could* be a cool behaviour, but I could also see it causing some problems.

No problem 👍

I'll be making and using JavaScript more, but I think a whole series would kill me, haha. There is just sooooo much to cover.

Pls try a teaching on java script from basic jzt like you did on this..... Pls pls pls....

Thanks, glad you liked it :D

What do you want to know about borders? I generally don't do much with them, so I'm curious :)

It's not always so simple, but I like to look at it as padding for more background, margin for extra space.

A more dynamic way, yes :) - will adjust to your content, which is nice.

Gotta start somewhere with the deep dive 😁

No I was just laughing at the oxymoron, great video though!