JSFiddle - React, Tailwind, and code Playground

by Yaroslav Ivanov

HTML

<div class="wrapper"> <div class="info-block">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus, recusandae beatae provident ducimus obcaecati necessitatibus debitis velit ipsum voluptate vitae, soluta quas corporis. Ipsa nobis, veritatis consequuntur! Soluta, aliquid?</p>
    <img src="1" alt="">
  </div>
  <div class="page">
     <section class="portf-item">
							<a href="../Site8/index.html">		
								<h3>Pinstrip</h3>
								<img src="" alt="" class="portf-img">
							</a>
			</section>
      
       <section class="portf-item">
							<a href="../Site8/index.html">		
								<h3>PinstripPinstripPinstripPinstripPinstripPinstrip</h3>
								<img src="" alt="" class="portf-img">
							</a>
			</section>
      
       <section class="portf-item">
							<a href="../Site8/index.html">		
								<h3>Pinstrip</h3>
								<img src="" alt="" class="portf-img">
							</a>
			</section>
      </div>
 
</div>

CSS

.info-block {
    float: right;
    width: 50%;
    line-height: 20px;
    background: #ff0;
}

.portf-item {
    float: left;
    margin-right: 30px;
    background: #0f0;
}