JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <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 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>

CSS

.info-block{
  float:right ;
}