How can I make my product page responsive to different screen sizes?

[s0l0m0n]

My product page is working well on mobile view and when full screen on my desktop. However, when I drag the window in the price overlaps the title and when I drag it in further the whole description overlaps the images making it look awful. See screenshots attached. Is there a simple piece of code I can add to fix this issue? 

Here is the link: https://artifypassion.com/products/bespoke-dance-watercolour-masterpiece

Thanks in advance.

[BSS-Commerce]

Hi @s0l0m0n 

We're BSS Commerce - Shopify Partners & Experts providing Shopify apps and Store Development on Shopify & Shopify Plus.

We checked your website (https://artifypassion.com/products/bespoke-dance-watercolor-masterpiece and found that:

- Responsive problem: Actually it's normal across devices

- However, there are some errors in price display when shrinking the screen on the tablet.

To solve this problem you need to visit: Online store => Themes => Edit code

Then find the file "styles.css" and paste the code below and save the file. Finally test your website.

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.cpb-product-price {
margin-top: 30px;
}
}

Good luck, if this solution helps you, please mark the solution, thanks!