Price and product title inline collection page

Topic summary

A user seeks help implementing an inline layout for product titles and prices on their collection page, specifically for desktop view only. They provide:

  • Reference: A sample store link showing the desired design
  • Theme: Taste
  • Access credentials: Shared for review

Another user responds with a CSS solution:

Implementation steps:

  • Add custom CSS to the base.css file
  • Uses media query targeting screens 750px and wider
  • Applies flexbox layout to .product-grid .grid__item .card__information
  • Sets justify-content: space-between to position title and price at opposite ends

The solution appears to address the desktop-only requirement through the media query, though the conversation ends without confirmation of whether the implementation was successful.

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

Hey, I am designing my store and saw this amazing website where they had their price inline with their product title on their collection page. Could anybody help me with this? Thanks in regard!

NOTE: ONLY FOR DESKTOP!

LINK:https://e8aaa0-3.myshopify.com/collections/body

PASSWORD:mohwhi

THEME: TASTE

Hello

Please add the given CSS in base.css file

@media only screen and (min-width: 750px) {
.product-grid .grid__item .card__information {
display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.product-grid .grid__item .card-information {
line-height: 0;
font-size: 18px;
}
}

Thanks