The order property in CSS allows us to reorder items in a flex or grid container. In this tutorial, we turn the product details area into a flex container and reorder the price item to be just above the purchase button.

Here is some CSS that will move the product price on your product page to above the “Add to Cart” button. You can reorder this content however you’d like though.

Here is a custom project I worked on for Valia Ventures. The result is a filterable portfolio element with images that pop up on hover of each portfolio item. Check it out.