JSFiddle - React, Tailwind, and code Playground

by Mikel

HTML

<section>

    <article>
        <div id="prd">
            <div class="p">
                <img alt="tiritas" src="http://fotos01.levante-emv.com/2014/04/24/318x200/tiritas-cumplen.jpg">
            </div>
            <div class="p">
                <img alt="tiritas" src="http://fotos01.levante-emv.com/2014/04/24/318x200/tiritas-cumplen.jpg">
            </div>
        </div>
    </article>

</section>

CSS

#prd
{
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 20%;
  background: white;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 0px none #000000;
  width: 75%;
  overflow: hidden;
}
#prd div
{
  float: left;
  width: 20%;
  margin-left: 10%;
  margin-top: 2%;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 2px solid #000000;
}

#prd div img
{
width: 100%;
margin-top: 1%;
    display: block;
    border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}