.wrapper {
    margin: auto;
    width: 940px;
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: minmax(100px auto);
  }

  .main {
    padding: 10px;
    background-color: pink;
  }

  .item1 {
    grid-column: 1/4;
    padding: 10px;
    background-color: #eee;
  }

  .wrapper h3,
  h4 {
    margin: 2px;
  }

  @media(max-width:800px) {
    .wrapper {
      display: block;
      width: auto;
    }

    .main {
      margin: 10px
    }

    .item {
      margin: 10px
    }

    .item1 {
      margin: 10px
    }
  }

  img {
    width: 100%;
  }

  video {
    width: 100%;
  }

  iframe{
    width: 100%;
  }

  #title {
    font-size: 20px;
  }