<div class="wrapper">

        <div class="first-box">
            <img src="https://cdn.pixabay.com/photo/2015/03/10/09/32/plains-666927_1280.jpg" alt="summer"> 
        </div>

        <div class="second-box">
            <img src="https://cdn.pixabay.com/photo/2020/04/28/12/54/iceland-5104369_1280.jpg" alt="waterfall">
          
        </div>

        <div class="third-box">
            <img src="https://cdn.pixabay.com/photo/2014/08/15/11/29/beach-418742_1280.jpg" alt="beach">
           
        </div>

        <div class="fourth-box">
            <img src="https://cdn.pixabay.com/photo/2017/04/09/09/56/avenue-2215317_1280.jpg" alt="trees">
            
        </div>

        <div class="fifth-box">
            <img src="https://cdn.pixabay.com/photo/2016/01/08/18/00/antelope-canyon-1128815_1280.jpg" alt="canyon">    
            
    </div>

   <div class="sixth-box">
  <img src="https://cdn.pixabay.com/photo/2017/04/15/15/50/aurora-2232730_1280.jpg" alt="aurora">
          
    </div>

    </div>

.wrapper{
    display: grid;
    background-color: gainsboro;
    border: 1.5px solid black;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 200px;
    gap: 1em;
}

.first-box {
    text-align: center;
    border: 1px solid black;
    grid-column: 1/4;
    grid-row: 1/3;
}
.first-box img {
    height: 100%;
    width :100%;
}

.second-box {
    text-align: center;
    border: 1px solid black;
    grid-column: 2/3;
    grid-row: 2/4;  
}
.second-box img {
    height: 100%;
    width :100%;
}


.third-box {
    text-align: center;
    border: 1px solid black;   
}
.third-box img {
    height: 100%;
    width :100%;
}


.fourth-box {
    text-align: center;
    border: 1px solid black; 
}

.fourth-box img {
    height: 100%;
    width :100%;
}

.fifth-box {
    text-align: center;
    border: 1px solid black;   
}
.fifth-box img {
    height: 100%;
    width :100%;
}

.sixth-box {
    text-align: center;
    border: 1px solid black;
    grid-column: 2/4;
}
.sixth-box img {
    height: 100%;
    width :100%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.