The Box Model: Inner & Outer Display, and Block & Inline

[albertusdixit]

Checks

• This is not a duplicate of an existing issue (please have a look through our open issues list to make sure)
• I have thoroughly read and understand The Odin Project Contributing Guide
• Would you like to work on this issue?

Describe your suggestion

The current CSS Box Model lesson directs learners to the MDN article on block and inline boxes, which dives into inner and outer display types, before getting to inline and block boxes. While this information is highly valuable, since the types of displays are not taught in TOP at that time, it might result confusing, before the part that is really important at that stage, which is understanding the difference between block and inline.

The Odin Project should clarify that learners do not need to fully understand or memorize the intricate details of inner and outer displays yet. Instead, the focus should remain on the foundational concept of the box model itself—how elements occupy space on the page and how margin, padding, and border influence layout.

Path

Foundations

Lesson Url

https://www.theodinproject.com/lessons/foundations-the-box-model

(Optional) Discord Name

bravelittletoaster4164

(Optional) Additional Comments

No response