CodeCrafters

Every element is a box. The box model controls how much space that box takes and the breathing room around its contents.

Padding is the space between an element's content and its edge — think of it as cushioning inside the box.

Task: Set the padding of the .box element to 20px.

style.css

.box {
  width: 100px;
  height: 100px;
  background-color: coral;
  /* Add padding here */
}

.box {
  width: 100px;
  height: 100px;
  background-color: coral;
  /* Add padding here */
}

Hit ▶ Run Code to see the magic ✨

✦