JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<div class="wrapper">
  <div class="card">
    <div class="head d-flex flex-column h-100">
      <div class="title flex-fill">
        Hello
      </div>
      <div class="image">
        <img src="https://www.freepnglogos.com/uploads/netflix-red-logo-circle-png-14.png" /> 
      </div>
    </div>
  </div>
    <div class="card">
    <div class="head">
      <div class="title">
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
      </div>
      <div class="image">
        <img src="https://www.freepnglogos.com/uploads/netflix-red-logo-circle-png-14.png" /> 
      </div>
    </div>
  </div>
</div>

CSS

.wrapper {
  width: 100%;
  display: flex;
}

.card{
   text-align: center;
   width: 33%;
   background: pink;
   margin-right: 10px;
   padding: 20px 5px;
}

.image {
  
}