JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<div class="jedenbaz">
  <table>
    <tbody>
      <tr>
        <td>
          <div class="leweram">
            1 post
          </div>
        </td>
        <td>
          <div class="praweram">2 post</div>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <div class="srodekram">
            Regulaminy dodat...
            Today at 8:01 pm
            Admin Zobacz najnowszy post
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>

CSS

.jedenbaz {
  width: 200px;
  height: 80px;
  background-color: teal;
  color: white;
  padding: 2px;
  font-size: 10px;
  text-align: center;
  font-family: 'Verdana', sans-serif;

}

.leweram {
  width: 91px;
  height: auto;
  background-color: brown;
  padding: 2px;

}

.praweram {
  width: 91px;
  height: auto;
  background-color: brown;
  padding: 2px;

}

.srodekram {
  width: 182px;
  height: auto;
  letter-spacing: 1px;
  background-color: violet;
  padding: 6px;

}