Create a layout with a big box containing a small box, styled with aquamarine and coral backgrounds.

by Frank Liu

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="big-box">
      <div class="small-box">Small Box</div>
    </div>
  </body>
</html>

CSS

.big-box {
  padding-left: max(80px, 10%);
  padding-right: min(10%);
  background-color: aquamarine;
}

.small-box {
  background-color: coral;
}