A Perfect Square with CSS

Make a perfect square with CSS that fluidly adjusts to the width of its container. Thanks Dave Rupert for this trick.

Step 1: Add an empty DIV tag

There’s only one line of HTML for this project. It’s an empty DIV tag.


Now, let’s add a class that we can target. The class you use is only limited by your…