<template>
<div class="flex justify-center">
<div class="h-px-500 md:w-1/6 bg-orange-200 text-center">1</div>
<div class="h-px-500 md:w-1/6 bg-orange-300 text-center">2</div>
<div class="h-px-500 md:w-1/6 bg-orange-400 text-center" style="top: 75%">3</div>
</div>
</template>
If I wanted to position this Flexbox at a specific spot on the screen, like top: 75%, how would I achieve that? I'm struggling to figure it out and avoid using "w-screen h-screen" as it limits placing multiple flexboxes on the same page.