JSFiddle - React, Tailwind, and code Playground

by Bouteille Dimitri

HTML

<div class="flex">
  <div>
    <img src="https://images.pexels.com/photos/2608512/pexels-photo-2608512.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260">
  </div>
  <div>
  
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec nibh et risus sagittis laoreet et nec elit. Phasellus lobortis mi vitae turpis cursus dictum. Vestibulum pellentesque porttitor
  </div>
</div>

SCSS

img {
  max-width: 100%;
  max-height: 100%;
}
.flex {
 
   display: flex;
   width: 600px;
   align-items: flex-start;
   
   div {
     &:first-child {
       background: red;
     }
     &:last-child {
       background: orange;
     }
   }
}