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>