Dawn Theme: How to display 3 blog posts in a row instead of default 2?

Store Design
1

Hi there! In dawn theme I have my blog layout set to “grid” and I was wondering if I could have it display 3 posts in a row, instead of 2? Looking forward to hearing back!

2

Hi, @kianialexandra

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
@media screen and (min-width: 750px){
.blog-articles {
    grid-template-columns: 1fr 1fr 1fr !important;
}
.blog-articles--collage>*:nth-child(3n + 1){
    grid-column: span 1 !important;
}
}
3

It’s beautiful, thank you :')

4

This worked mostly for our site as well…wonder, however, is there a way to set the images within the columns to maintain a certain aspect ratio or size? For example, our site is using the Taste theme: https://www.familiesofcharacter.com/blogs/podcast and has images that are set to be 1198 x 958. Using an online aspect ratio calculator, I found that the Aspect Ratio is 599 : 479. Is there a way this will hold from computer screen to tablet to phone?