To create a square, define an element with both a width and height. In the example below, we have an element with a width and height of 100 pixels each.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b98da5c-7ff9-4b22-b79e-09188cfc4b17/Untitled.png

<div class="square"></div>
.square {
    width: 100px;
    height: 100px;
    background: rgb(246, 156, 85);
}