* {
    box-sizing: border-box;
  }

body {
    background-color: lightgray;
}
  .container {
    display: flex;
    flex-wrap: wrap;
  }
  h1{
    text-align: center;
  }
  .item {
    flex-basis: 350px;
    padding: 20px;
  }
  
  .item-1 {
    background-color:  rgb(255, 157, 239);
    flex-grow: 1;
  }
  
  .item-2 {
    background-color: rgb(250, 118, 228);
    flex-grow: 1;
  }
  .item-3 {
    background-color: rgb(238, 90, 213);
    flex-grow: 1;
  }
    
  .item-4 {
    background-color: rgb(219, 49, 191);
    flex-grow: 1;
  }

  h1 {
    font-family: Arial, Helvetica, sans-serif;
  }

  div {
    font-family: Arial, Helvetica, sans-serif;
  }

  p {
    font-family: Arial, Helvetica, sans-serif;
  }