JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<ul class="list" >
  <li class="item">
    <div class="item-wrapper" style="width: 60%; margin: 5px; background: rgb(255, 255, 255);">
        <img class="thumbnail" src="images/frame_0001.png" alt="tumbnail" style="width: 25%;">
    </div>
  </li>
  <li class="item">
    <div class="item-wrapper" style="width: 60%; margin: 5px; background: rgb(255, 255, 255);">
        <img class="thumbnail" src="images/frame_0002.png" alt="tumbnail" style="width: 25%;">
    </div>
  </li>
</ul>

JavaScript

$(document).ready(function(){
$('.list').css({
  listStyle: 'none',
  padding: '0',
  height: '100%',
  overflowX: 'scroll',
});

$('.item-wrapper').first().css({
  width:'63% !important',
});

$('.item-wrapper').css({
  background:'#FFFFFF',
  width: '60%',
  margin: '5px',
});
    
    })