DEV Community

Understanding The Box Model in CSS

Mohamed Yamani on November 06, 2021

Table of content Introduction What's the box model? Types of boxes Box sizing Bonus tip Conclusion Introduction When you'r...

Read full post

Stephanie Handsteiner • Nov 7 '21 • Edited

Well, this is a little audacious.

There's nothing wrong with seeing a talk and writing a blog post about it afterwards to solidify your newly gained knowledge, but at least mention where you got that knowledge from.

Just in case you forgot the talk, it's This box will change your life given by @whitep4nth3r at CodeLand this year.

Mohamed Yamani • Nov 8 '21

That is very bold of you to assume.

I have never encountered that article before.

Mike Ekkel • Nov 8 '21

What are the similarities here? Just trying to understand if it's indeed been copied.

Stephanie Handsteiner • Nov 8 '21 • Edited

Albeit not copied word by word, it's stylistically very much similar, up to the point where he gives the exact same »debugging tip« (with the border: 1px solid red;) as she does in hers.

e.g. the TL;DR's:

His:

TLDR; every website is a bunch of rectangular boxes nested inside other rectangular boxes. Boxes everywhere.

Hers:

This is a box. This is another box. Here are some more boxes. Here are some tiny boxes. Here are some more boxes. Let's add some more boxes. And as you see this evolve, you might start to realize that it's starting to look incredibly like the layout of a webpage. And these are the boxes we're going to be talking about today.

Just a little too much coincidence, that an article in a similar style pops up about a month after CodeLand 2021. ¯\_(ツ)_/¯

Mohamed Yamani • Nov 8 '21

This is actually funny, whatever I say wouldn't be believed given the similarities lol. Which is understandable.

I can't prove to you that this is the first time I hear of CodeLand, or that article you mentioned. But I will say it again, my article was not copied.