JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container2">
				
				   <div class="column-center">
					   <center><img  style="width:224px;height:228px;" src="http://tingali.com/images/sekolah/logo/kd_20150505135926_88480_01022012110142_0_3147.jpg"></center>
			 		   <b>SCHOOL 1</b><br/>
					   <font color="blue">Dilihat : 0 </font><br/>
					   <i class="fa fa-home"></i>: Jl. Pisangan Lama III/3, Pisangan Timur, Pulo Gadung, Jakarta Timur 13230
				   </div>
			    
				   <div class="column-center">
					   <center><img  style="width:224px;height:228px;" src="http://tingali.com/images/sekolah/logo/kd_20150505135926_88480_01022012110142_0_3147.jpg"></center>
					   <b>SCHOOL 2</b><br/>
					   <font color="blue">Dilihat : 0 </font><br/>
					   <i class="fa fa-home"></i>: Jl. Pisangan Lama III/3, Pisangan Timur, Pulo Gadung, Jakarta Timur 13230
				   </div>
				   
				   <div class="column-center">
					   <center><img  style="width:224px;height:228px;" src="http://tingali.com/images/sekolah/logo/kd_20150505135926_88480_01022012110142_0_3147.jpg"></center>
					   <b>SCHOOL 3</b><br/>
					   <font color="blue">Dilihat : 0 </font><br/>
					   <i class="fa fa-home"></i>: Jl. Pisangan Lama III/3, Pisangan Timur, Pulo Gadung, Jakarta Timur 13230
				   </div>
				</div>

CSS

.container2 {
    font-size: 0; /*fix white space*/
}
.container2 > div {
    font-size: 16px;
    display: inline-block;
    width: 33.33%;
}
@media (max-width: 960px) { /*breakpoint*/
    .container2 > div {
        width: 100%;
    }
}

.contennya {
    font-size: 0; /*fix white space*/
}
.contennya > div {
    font-size: 16px;
    display: inline-block;
    width: 50%;
}
@media (max-width: 960px) { /*breakpoint*/
    .contennya > div {
        width: 100%;
    }
}