JSFiddle - React, Tailwind, and code Playground

HTML

<div class="newspaper" align="center">
	
	<div style=" display: inline-block; border: 5px solid red;">
	  <iframe style="border-radius: 5px; "  src="https://www.youtube.com/embed/mXaF92MmcV4"></iframe>
	</div>
    
	<div style=" display: inline-block; border: 5px solid red;">
	  <iframe style="border-radius: 5px;"  src="https://www.youtube.com/embed/7fdFGEg-9R8"></iframe>

	</div>
    
	<div style=" display: inline-block; border: 5px solid red;">
	  <iframe style="border-radius: 5px; " src="https://www.youtube.com/embed/98xw8B3yOtM?list=RDTDDDvaoGiDg"></iframe>
	</div>
    
	<div style=" display: inline-block; border: 5px solid red;">
	  <iframe style="border-radius: 5px;"  src="https://www.youtube.com/embed/R67MAaKkH_U"></iframe>

	</div>
    
    </div>

CSS

.newspaper {
	  -webkit-column-width: 300px;
	     -moz-column-width: 300px;
	          column-width: 300px;

}