Flex Direction Tailwind
<div class="flex flex-row-reverse ...">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
Beautiful Bear
<div class="flex flex-row-reverse ...">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
flex w-full flex-wrap mt-4 mb-8 content-center
<p class="order-1"></p> => order: 1;
<p class="order-2"></p> => order: 2;
<p class="order-3"></p> => order: 3;
<p class="order-4"></p> => order: 4;
<p class="order-5"></p> => order: 5;
<p class="order-6"></p> => order: 6;
<p class="order-7"></p> => order: 7;
<p class="order-8"></p> => order: 8;
<p class="order-9"></p> => order: 9;
<p class="order-10"></p> => order: 10;
<p class="order-11"></p> => order: 11;
<p class="order-12"></p> => order: 12;
<p class="order-first"></p> => order: -9999;
<p class="order-last"></p> => order: 9999;
<p class="order-none"></p> => order: 0;