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

Web Explorer

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 DEV.to article for more information about the CSS Box Model.

Article originally published on