Requested by: @joshbermanssw via YakShaver.ai 🦬
cc: @joshbermanssw, @kulesy, @adamcogan, @JackDevAU

Hi Team!

  🟥  Watch the video (46 sec)

  Url from screen share: https://tina.tinacloud.io/collections/pages

Pain

Adjust the alignment of items on the collection pages to ensure proper display on very large screens by setting a max width.

Acceptance Criteria

1. The alignment of items on the collection pages should be consistent across all screen sizes.
2. A max width should be set for the collection pages to prevent the layout from looking disproportionate on very large screens.
3. The header section should remain wider than the content but should not exceed the max width on large screens.
4. A designer should review and approve the alignment adjustments.

Screenshot

Figure: Header section misaligned on large screens