JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<div class="wrapper gray-bg">
   <div class="centered">
      <div class="row">
         <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4 information group">
            <h1>Glas</h1>
            <hr>
            <p class="info">
            </p>
            <p>Wil je een maximale <strong>lichtinval</strong> en maximale <strong>isolatie</strong>, maar hou je ook van een <strong>strak design</strong>?&nbsp;Kies dan voor onze vlakke lichtkoepels met dubbelwandig of 3-dubbel glas. Ze zien er niet alleen geweldig uit, maar scoren op alle vlakken ongelooflijk goed.</p>
            <p></p>
            <div class="buttons">
               <a href="" class="button">bekijk referenties</a>
               <a href="/nl/professional/contact" class="button gray">Vraag offerte</a>
            </div>
         </div>
         <div class="col col-xs-12 col-sm-12 col-md-7 col-lg-8 product-container flex-row">
            <div class="col-xs-12 col-md-12 col-lg-6 flex-container">
               <div class="product">
                  <div class="image" style="background-image: url('https://exmple.com/media/cache/product_thumbnail/uploads/fa5256f2004f96761a87427be6db1e8d2e2fd983.jpeg');">
                     <span>new</span>
                  </div>
                  <h1>exmple iWindow2 ™</h1>
                  <hr>
                  <h2>Superisolerende lichtkoepel met 2-wandig glas</h2>
                  <ul class="findplace">
                     <li>Scoort erg goed qua isolatie: Ut-waarde 1,0 W/m²K</li>
                     <li>Strak, eigentijds design</li>
                     <li>Doorvalveilig</li>
                     <li>Slanke omkadering, slechts 28 mm</li>
                     <li>Vaste of opengaande uitvoering</li>
                  </ul>
                  <div class="bottom-buttons">
                     <a href="/nl/professional/product/exmple-iwindow2#prijs" class="col col-xs-3 col-md-6 col-lg-3">
                        <i class="fa fa-euro"></i>
                      ...

CSS

.product-container {
  height: 100vh; /* limit it to the size of your window */
	 width: 33vh; 
  overflow: auto; /* add scroll when necessary */
}