JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<div id="holder">
  <div class="image mobileOnly">...</div>
  <div class="image">...</div>
  <div class="image">...</div>
  <div class="image">...</div>
  <!-- ... more images ... -->
</div>

<div id="holder">
  <div class="image">...</div>
  <div class="image">...</div>
  <div class="image">...</div>
  <div class="image">...</div>
  <!-- ... more images ... -->
</div>

SCSS

#holder {
  .image:not(.mobileOnly):first-of-type {           
       border: 5px solid #0a85d4;
  }
  
   .image.mobileOnly + .image {           
       border: 5px solid #0a85d4;
  }
}