Difficulty organizing margin Help please

Português do Brasil Discussões Design da Shopify
,

Topic summary

A user is seeking help to reorganize the layout of their Shopify product page, specifically wanting to align elements along consistent vertical margins (indicated by red lines in their example images).

Key Requirements:

  • Create uniform left/right margins to align page elements in a structured grid
  • Apply changes only to desktop/PC view
  • Keep mobile layout unchanged (currently working well)

Visual Context:
The user provided screenshots showing:

  • Current disorganized layout with misaligned elements
  • Desired layout with red lines marking where margins should be
  • Reference product page example

This appears to be a CSS-related design issue requiring responsive styling that targets desktop viewports while preserving the existing mobile experience.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Could you help me organize the layout of the page?? This page has the lines totally disorganized. I’ll show you an example of how I wanted it to look. Follow these red lines they form as if it were a margin (I made the red lines to signal). However, I would like this change only on the PC, because on the cell phone it is very good:

my site: www.chegadedores.com.br/products/necklymph-dispositivo-ultrassonica-de-pescoco

Exemple:

lessin007_0-1677103749523.png
lessin007_0-1677103749523.png1914×903 163 KB

how to create margin in my site:

lessin007_1-1677104070556.png
lessin007_1-1677104070556.png1902×908 271 KB