JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.0/isotope.pkgd.min.js"></script>
<body>



<div class="container">
  <div class="filter col-lg-3">
  <div id="filters" class="button-group filters-button-group">
  <button data-filter="*" class="col-lg-8">Toutes les idées</button>
  <button data-filter=".3" class="item col-lg-8"> Technology </button>

  <button data-filter=".4" class="item col-lg-8"> Online </button>

  <button data-filter=".5" class="item col-lg-8"> Solutions Santé </button>

  <button data-filter=".6" class="item col-lg-8"> Informatique </button>

  <button data-filter=".7" class="item col-lg-8"> Education </button>

  <button data-filter=".8" class="item col-lg-8"> Business Solutions </button>

  <button data-filter=".9" class="item col-lg-8"> Groupe </button>

  
  </div>
  </div>
  <div class="grid idee col-lg-9">
      <div class="element-item 4 idee col-lg-9 ">
        <h2 class="title"><a href="/idees/15">Publiée</a></h2>
        <div class="subtitle">
           <span class="col-lg-1 color" style="background:#78b41c"></span>
           <p class="col-lg-4">Online </p> 
           <p class="col-lg-4 col-lg-offset-3">Nom et prénom </p>
    
        </div> 
        <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nunc sagittis, vestibulum ligula eu, commodo tortor. Etiam vestibulum massa vitae tortor ullamcorper viverra.vzegf</p>
      </div>
      <div class="element-item 5 idee col-lg-9 ">
        <h2 class="title"><a href="/idees/16">Idée publiée</a></h2>
        <div class="subtitle">
           <span class="col-lg-1 color" style="background:#de6f08"></span>
           <p class="col-lg-4">Solutions Santé </p> 
           <p class="col-lg-4 col-lg-offset-3">Nom et prénom </p>
    
        </div> 
        <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec nunc sagittis, vestibulum ligula eu, commodo tortor. Etiam vestibulum massa vitae tortor ullamcorper viverra.</p>
      </div>
    ...

JavaScript

$(window).ready(function() {
  // init Isotope
  var $grid = $('.grid').isotope({
    itemSelector: '.element-item',
    layoutMode: 'fitRows'
  });
  $('#filters').on( 'click', 'button', function() {
  var filterValue = $(this).attr('data-filter');
  $('.grid').isotope({ filter: filterValue });
});
});