Help me align inner card bottom border , dawn theme

Topic summary

Main issue: Bottom border lines on product cards appear misaligned in mobile view on the Shopify Dawn theme.

  • The OP added a CSS rule (border-bottom on “card inner”) to create dividing lines, but reports the alignment looks off only on mobile.
  • Support members requested the store URL and password to investigate; the OP provided the collection URL and password (“dewnto”).
  • A reviewer couldn’t identify the discrepancy and asked how it should look; the OP shared screenshots showing some card borders offset versus the desired uniform, straight alignment.

Context/terms:

  • Dawn theme: Shopify’s default theme.
  • CSS border-bottom: a rule to draw a line at the bottom of an element; alignment can differ due to responsive layout or element padding/margins on mobile.

Status:

  • No solution or code fix yet; discussion remains open.
  • Images are central to understanding the misalignment.

Next steps:

  • Inspect the mobile CSS/card layout on the provided URL.
  • Clarify the targeted element and propose mobile-specific CSS adjustments.
Summarized with AI on December 23. AI used: gpt-5.

https://5b1930-9c.myshopify.com/collections/first
pass dewnto