Блог

Я пытаюсь сделать что-то подобное в React. У меня есть динамический массив местоположений, и я хочу сделать его адаптивным. Если количество местоположений не может поместиться в одну строку, тогда отобразите показать больше с количеством оставшихся местоположений. Если я изменю ширину браузера, он должен отображать адаптивный массив.

 <section class="thumbnails">
  <a href="#" class="thumbnails__item"><span>Home</span></a>
  <a href="#" class="thumbnails__item"><span>Blog</span></a>
  <a href="#" class="thumbnails__item"><span>News</span></a>
  <a href="#" class="thumbnails__item"><span>Portfolio</span></a>
  <a href="#" class="thumbnails__item"><span>Team</span></a>
  <a href="#" class="thumbnails__item"><span>Mission</span></a>
  <a href="#" class="thumbnails__item"><span>Location</span></a>
  <a href="#" class="thumbnails__item"><span>Forum</span></a>
  <div class="thumbnails__count">
    <p class="thumbnails__count-text">
       <span class="thumbnails__count-value"></span> more items
    </p>
  </div>
</section>
 

Спасибо