SHARE
TWEET

Untitled

a guest Sep 17th, 2019 95 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="grid">
  2.      <div class="item item1">1</div>
  3.      <div class="item item2">2</div>
  4.      <div class="item item3">3</div>
  5.      <div class="item item4">4</div>
  6.      <div class="item item5">5</div>
  7.      <div class="item item6">6</div>
  8.      <div class="item item7">7</div>
  9.      <div class="item item8">8</div>
  10.      <div class="item item9">9</div>
  11.      <div class="item item10">10</div>
  12.    </div>
  13.    <div class="flex">
  14.     <div class="item item1">1</div>
  15.     <div class="item item2">2</div>
  16.     <div class="item item3">3</div>
  17.     <div class="item item4">4</div>
  18.     <div class="item item5">5</div>
  19.     <div class="item item6">6</div>
  20.     <div class="item item7">7</div>
  21.     <div class="item item8">8</div>
  22.     <div class="item item9">9</div>
  23.     <div class="item item10">10</div>
  24.   </div>
  25.    <style>
  26.      .grid {
  27.        display: grid;
  28.        
  29.        grid-auto-flow: column;
  30.        grid-template-columns: repeat(10, min-content);
  31.        justify-content: end;
  32.        direction: rtl;
  33.      }
  34.      
  35.      .grid > * {
  36.        direction: ltr;
  37.      }
  38.      
  39.      .flex {
  40.        display: flex;
  41.        flex-direction: row-reverse;
  42.        justify-content: flex-end;
  43.      }
  44.    </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top