What's the solution for a code error in a Dawn Theme update?

Technical Q&A

Topic summary

Core issue: After updating CSS @media queries in Shopify’s Dawn theme, changing the blog “column” code now triggers an error.

Details: The shared line shows a malformed class attribute with Shopify Liquid logic: an extra space in “class” and mismatched quotes/comma around “column” inside {% if section.settings.layout = “column” %}. The poster asks what to correct.

Secondary request: Seeks to change the blog layout to a user‑friendly grid of photo blocks (e.g., 4 columns) with a set number displayed per page, asking if this is possible.

Status: No answers yet; unresolved. Key open needs are a specific fix for the Liquid/HTML syntax error and guidance on implementing a 4‑column photo grid with pagination. The code snippet is central to diagnosing the error.

Summarized with AI on January 29. AI used: gpt-5.
1

I updated the @media per new found suggestions for my Dawn Theme. When I changed the column code it generates an error

What do I correct?

Thank you

2

Suggestion to change the Blog layout to a user-friendly block format? Like to photo blocks column of 4 and so many on a page? Is this possible, please?