JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="after">this is the content for div 1</div>
  <div class="fixed">this is the content for div 2</div>
</div>

CSS

.main { display: flex; flex-direction: column; }
.fixed { order: 2; }
.after{ order: 3; }