images in one row

images in one row
IMG html code

<meta content="width=device-width, initial-scale=1" name="viewport"></meta>

<style>

* {

  box-sizing: border-box;

}

.row1 {

  display: flex;

}

/* Create three equal column1s that sits next to each other */

.column1 {

  flex: 33.33%;

  padding: 5px;

}

</style>

<div class="row1">

  <div class="column1">

    <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyfvtQ_lDEX5bxI3m0n_FKAOsTysldycPM72PXA0ILlMV1L6JfDqNsxeWWmoPzw4F0BHLupRx3IqfDPWoFkicQnyBxN_TKYFYjYloBZD9BoWUJ2cRSzg456Nike1iMturt8ZRoPB-gz6HJEt0jobyRiGM9HCrkLJ40XtInGSfPWCxLcX2kWTqQaLVSTA/s1600/Picsart_22-07-09_12-08-37-166.jpg" style="width: 100%;" />

  </div>

  <div class="column1">

    <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio4V4aiEKWcHRy5X1xMjYWIGBEQZYzeKLqFORsVSkPDn9r3xtC04LmuPBLSduOvQqXoLYqKxJFrkOdpfca4sfuI1suiEL_xncHvqFwFIoEWjXPFBR3Y8bsMzKC1S3OVPFPw4eC9wrbLavVdF1mhho2A09g74MpNoy3Jd0UEQr5EfYp-C8expJom6kjWw/s1600/Picsart_22-07-09_12-10-23-151.jpg" style="width: 100%;" />

  </div>

  <div class="column1">

    <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKueJ_r5q05HwzVfuGb3V3S6ANTqHfj098cIKCHDXOupkmieSNZ0VQmLuI5tosKsAOIXKAbsVbIxVjhh1wk32qb4m9DCBiO00R0AgfC3ty-HbGfLi9cKKXLHh9Aw4U-mky9XM4uqI6EGYQq1xbXOWXUi2gV7ueUy2nrAJChxeu79lC-fJRufRNpMfHOw/s1600/Picsart_22-07-09_12-11-12-298.jpg" style="width: 100%;" />

  </div>

</div>
images in one row

IMG html code

إرسال تعليق

نموذج الاتصال
