JSFiddle - React, Tailwind, and code Playground

by superj80820

HTML

<div class="span3 top1">  
        <div class="row">
          <div class="span3 food1">
              <img src="https://metabolicapproachtocancer.files.wordpress.com/2016/09/broccoli-chemistry.jpg" alt="">
          </div>
        </div>
            <div class="row">
              <div class="span3 name1">
                  heres the name
            </div>
            </div>
          <div class="row">
              <div class="span3 description1">
                  heres where i describe and say "read more"
            </div>
            </div>
      </div>

CSS

.top1 {
    height:390px;
    background-color:#FFFFFF;
    margin-top:10px;
}

.top1 img {
    width:100%;
    height:230px;
}

.food1 {
    background-color:#000000;
    weight:230px;
}

.name1 {
    background-color:#555555;
    height:90px;
}

.description1 {
background-color:#777777;
height:70px;
}