<!DOCTYPE html>
<html>
<head>
  <style>
    .wrapper {
      display: grid;
  
      gap: 20px;
      grid-template-columns: repeat(auto-fit, 200px);
      grid-template-rows: repeat(auto-fit, 200px);
    }

    .wrapper {
      border: 50px solid #F76707;
      background-color: #FFF4E6;
    }

    .wrapper > div {
      border: 2px solid green;
      background-color: #FFD8A8;
      padding: 1em;
    }
  </style>
</head>
<body>
<div class="wrapper">
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
  <