JSFiddle - React, Tailwind, and code Playground

by oysteinmoseng

HTML

<div class="content-fluid">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <h1 class="pb-1">Roadmap</h1>
      </div>
    </div>
  </div>
</div>
<div class="content-fluid">
  <div class="container">
    <div class="row">
      <div class="col-12 col-md-8">
        <p class="small-text">Revised January 18, 2023.</p>
        The following represents Highcharts' product development cycle and future
        direction. It is only intended for information purposes and should not be seen as a
        commitment on our part.
      </div>
    </div>
  </div>
</div>
<div class="content-fluid">
  <div class="container">
    <div class="row mb-3">
      <div class="col-12 col-md-8 bkgWhiteCorners p-2">
        <h2>Highcharts JS v11 - Q1 2023</h2>
        <ul>
          <li class="pb-1">Visual design overhaul.</li>
          <li class="pb-1">Remove support for IE 8.</li>
          <li class="pb-1">Build for evergreen browsers by default, and provide a legacy path for older browsers. See <a href="https://github.com/highcharts/highcharts/issues/18070">details</a>.</li>
          <li class="pb-1">New sonification module with more features.</li>
          <li class="pb-1">Rewrite the default CSS for styled mode. Use CSS variables instead of SASS. See <a href="https://github.com/highcharts/highcharts/pull/18115">details</a>.</li>
        </ul>
      </div>
      <div class="col-12 col-md-4 text-center notVisibleTablet"><img class="fiftyImg" src="https://wp-assets.highcharts.com/svg/dark_icon_highcharts.svg" alt="" /></div>
    </div>
    <div class="row mb-3">
      <div class="col-12 col-md-8 bkgWhiteCorners">
        <h2>Highcharts JS, rolling implementations</h2>
        <ul>
          <li class="pb-1">Continued TypeScript migration and further modular architecture allowing better treeshaking. Expected release in Q2.</li>
          <li class="pb-1">Customizable column/bar border radius.</li>
          <li class="pb-1">New series type,...

CSS

img {
  width: 40px;
  height: 40px;
}