JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div id="containers-place" class="MainClass">

      <div style="padding:16px;">
       <a href="https://google.com/" target="blank" style="text-decoration: none;">
       
       
       
       <div class="container">
       <img src="http://placekitten.com/301/301" width="100%">
       <h4>Picture One</h4>
       <p>As you can see this is picture One</p>
       </div></a>
      </div>
      
      
      
      
      <div id="idk" style="padding: 16px;">
        <a href="https://google.com/" target="blank" style="text-decoration: none;"><div class="container">
        <img src="http://placekitten.com/301/301" width="100%">
        <h4>Picture2</h4>
        <p>As you can see this is picture Two</p>
        </div></a>
      </div>
      
      </div>

CSS

#containers-place{ 
  display:flex;
  flex-direction:row; 
  width:800px;
  border:1px solid red;
  justify-content: space-between;
}
.container {
  padding: 16px;
  background-color: #333333;
  color: #fff;  
  width: 200px;
  
}