JSFiddle - React, Tailwind, and code Playground

by Ryan Brackett

HTML

<div class="notification downtime">
  <h3>
    MyChart is Down
  </h3>
  MyChart is currently down for maintenance. Please check back again soon.
</div>









<div id="prelogincustom">
  <table>
    <tr>
      <td>
        <p><em>MyChart serves these organizations:</em></p>
      </td>
    </tr>
    <tr>
      <td id="NGHSlogo" class="preloginlogos">
        <img src="@MYCHART@LOCALIZEDURL@images/NGHS-logo-reg-color-outlined.png" alt="NGHS Logo" class="badge" style="width:293px;height:133px;" />
      </td>
      <td id="LClogo" class="preloginlogos">
        <img src="@MYCHART@LOCALIZEDURL@images/lc-horz-tagline-cmyk.png" alt="Longstreet Clinic Logo" class="badge" style="width:365px;height:65px;" />
      </td>
    </tr>
  </table>
</div>

CSS

.notification.downtime {
    background: #ffffab;
    padding: 40px;
    font-family: sans-serif;
}

.notification.downtime h3 {
    margin-top: 0px;
}