JSFiddle - React, Tailwind, and code Playground

by Rodwyn Moreno

HTML

<div class="trending-topics-container">
  <h2>Trending topics:</h2>
  <ul>
    <li>abc</li>
    <li>defg</li>
    <li>hijkl</li>
    <li>mnopqr</li>
  </ul>
</div>

SCSS

.trending-topics-container {
  border: red solid thin;
  display: flex;
  justify-content: center;
  
  h2 {
    border: blue solid thin;
    margin: 0;
  }
  
  ul {
    border: green solid thin;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
  }
}