JSFiddle - React, Tailwind, and code Playground

by jitendravyas

HTML

<link rel="stylesheet" href="https://metarefresh.in/static/css/packed.css">
<div class="section6 rounded">
    <div class="container" id="schedule">
      <h1 class="section-heading">Schedule</h1>
      <div class="row schedule-header">
  <div class="span5 day1">
    <div id="day1-head">Day 1</div>
  </div>
  <div class="span2 time">
    <div id="time-head">Starts at</div>
    <div id="time-head-mobile">Time</div>
  </div>
  <div class="span5 day2">
    <div id="day2-head">Day 2</div>
  </div>
</div>
<hr>
<div class="row">
  <div class="span5 day1">
    <div class="schedule-speaker">Breakfast</div>
  </div>
  <div class="span2 time">
    <div class="start-time">08:00<span class="end-time"> - 09:00</span></div>
  </div>
  <div class="span5 day2">
    <div class="schedule-speaker">Breakfast</div>
  </div>
</div>
<hr>
<div class="row">
  <div class="span5 day1">
    <div class="schedule-speaker">Bram Pitoyo</div>
    <div class="schedule-talk">Faster (and Coincidentally More Secure) Webfonts</div>
  </div>
  <div class="span2 time">
    <div class="start-time">09:30<span class="end-time"> - 10:15</span></div>
  </div>
  <div class="span5 day2">
    <div class="schedule-speaker">	Harish Sivaramakrishnan</div>
    <div class="schedule-talk">A front end architect's diary - Rebuilding FreeCharge.in web experience</div>
  </div>
</div>
<hr>
<div class="row">
  <div class="span5 day1">
    <div class="schedule-speaker">Aakash Bapna</div>
    <div class="schedule-talk">All about perceived web performance</div>
  </div>
  <div class="span2 time">
    <div class="start-time">10:30<span class="end-time"> - 11:15</span></div>
  </div>
  <div class="span5 day2">
    <div class="schedule-speaker">Chris LĂĽscher</div>
    <div class="schedule-talk">What we learnt at iA when working on large-scale design projects</div>
  </div>
</div>
<hr>
<div class="row">
  <div class="span5 day1">
    <div class="schedule-speaker">Kaustav Das Modak</div>
    <div class="schedule-talk">Automated...

CSS

body {padding:2em}
.section6 {width:700px}

#day1-head, #day2-head { font-size:3em }