JSFiddle - React, Tailwind, and code Playground

by killerbytes

HTML

<div class="recipe_container">
    <div class="recipe_container_left">
        recipe title and ingredients
    </div>
    <div class="recipe_container_right">
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
         recipe cooking instructions
    </div>
 </div>

CSS

.recipe_container{
    display: table;
}
.recipe_container_left{
    display: table-cell;
    vertical-align: middle;
    width:: 300px;
}
.recipe_container_right{
    width: 400px;
 }