جا به جا شدن المنت هنگام تغییر سایز صفحه

کد های html

<div class="price">
              <div>Amount</div>
              <div>VAt</div>
              <div>Total</div>
              <div class="payy">
                <div>$30.00</div>
                <div>$0.00</div>
                <div>$30.00</div>
              </div>
            </div>

درود خوبی...
از فلکس باس استفاده کنید:
https://www.w3schools.com/css/css3_flexbox.asp

میخوام که ثابت بمونه.
با فلکس باکس هم باز با بزرگ کوچیک شدن صفحه المنت جا به جا میشه.

بهتره هم price وهمpayy رو داخل یک divدیگه قرار بدهید و اون رو بهش border بدهید
و topها وmarginها و positionرو هم بردارید و displayرو هم flex کنید درست میشه

اگه position margin و اینارو بردارم پس چطور نوشته و قیمت رو رو به روی هم قرار بدم؟

@sfanadiyari
با flex خیلی راحته اینکارا حتما تستش کن