<div class="card-post__gallery">
          <div class="card-post__gallery-left">
            <div class="image">
              <img src="https://images.unsplash.com/photo-1699482360781-47a3c8fe5736?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxODY2Nzh8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDExOTE0MTh8&ixlib=rb-4.0.3&q=80&w=1080" alt="">
            </div>
            <div class="image">
              <img src="https://images.unsplash.com/photo-1699482360781-47a3c8fe5736?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxODY2Nzh8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDExOTE0MTh8&ixlib=rb-4.0.3&q=80&w=1080" alt="">
            </div>
          </div>
          <div
            class="card-post__gallery-right"
          >
            <div class="image">
              <img src="https://images.unsplash.com/photo-1699482360781-47a3c8fe5736?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxODY2Nzh8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDExOTE0MTh8&ixlib=rb-4.0.3&q=80&w=1080" alt="">
            </div>
            <div class="image">
              <img src="https://images.unsplash.com/photo-1699482360781-47a3c8fe5736?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxODY2Nzh8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDExOTE0MTh8&ixlib=rb-4.0.3&q=80&w=1080" alt="">
            </div>
          </div>
        </div>
.card-post__gallery {
    display: flex;
    gap: 12px;
    height: 309px;
    width: 100%;
    cursor: pointer;

    &-left {
      display: flex;
      flex-direction: row;
      gap: 12px;
      width: 60%;
      height: 100%;
      
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    &-right {
      display: flex;
      flex-direction: column;
      gap: 12px;
      width: 40%;
      height: 48%;
      
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .image {
      background-color: #0d47a1;
      width: 100%;
      height: 100%;
    }
  }
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.