<div class="grid">
     <div class="item item1">1</div>
     <div class="item item2">2</div>
     <div class="item item3">3</div>
     <div class="item item4">4</div>
     <div class="item item5">5</div>
     <div class="item item6">6</div>
     <div class="item item7">7</div>
     <div class="item item8">8</div>
     <div class="item item9">9</div>
     <div class="item item10">10</div>
   </div>
   <div class="flex">
    <div class="item item1">1</div>
    <div class="item item2">2</div>
    <div class="item item3">3</div>
    <div class="item item4">4</div>
    <div class="item item5">5</div>
    <div class="item item6">6</div>
    <div class="item item7">7</div>
    <div class="item item8">8</div>
    <div class="item item9">9</div>
    <div class="item item10">10</div>
  </div>
   <style>
     .grid {
       display: grid;

       grid-auto-flow: column;
       grid-template-columns: repeat(10, min-content);
       justify-content: end;
       direction: rtl;
     }

     .grid > * {
       direction: ltr;
     }

     .flex {
       display: flex;
       flex-direction: row-reverse;
       justify-content: flex-end;
     }
   </style>