JSFiddle - React, Tailwind, and code Playground

by enagu

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<html>
  <head>
    <title>test</title>
  </head>
  <body>
    <div class="boxes">
      <div class="card">
    <div class="card-image">
      <figure class="image is-4by3">
        <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
      </figure>
    </div>
    <div class="card-content">
      <div class="media">
        <div class="media-content">
          <p class="title is-4">VidName</p>
          <p class="subtitle is-6">PageName</p>
        </div>
      </div>

      <div class="content">
        Description
        
        <div class="tags">
          <span>Tags:</span>
          <a class="tag" href="#">tag1</a> 
          <a class="tag" href="#">tag2</a>
        </div>
        
        <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
      </div>
    </div>
  </div>
    </div>
  </body>
</html>