Skip to main content
Photography of Alvaro Montoro being a doofus
Alvaro Montoro

Lucas's Sidekick

diagram with the css box model

The CSS Box Model... built only with CSS

codepen css

A responsive description of the CSS box model... built using CSS! Without a single line of JavaScript or HTML*.

*It needs a body, so technically it is a single-element, but it looks cool without a single element in the HTML tab :P

Read this article for more information about the CSS Box Model.

Article originally published on