How can I adjust the grid number for my blog articles?

Store Design
1

Hi, is that anyway I can display the first articles as one grid followed by two grids in a row?
Current:

seantay1993_0-1667471972218.png
seantay1993_0-1667471972218.png2658×1293 427 KB

Looking for:

seantay1993_1-1667472013267.png
seantay1993_1-1667472013267.png2712×1523 393 KB

Link for my page: https://giant-bicycles.com.sg/blogs/guide

1 Like
2

Hello @seantay1993 ,
Add this CSS at the bottom of Online Store-> Theme->Edit code->Assets->style.min.css

.articles article:nth-child(1) {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}

3

Hello @seantay1993 ,
Add this CSS at the bottom of Online Store-> Theme->Edit code->Assets->style.min.css

.articles .post_nt_loop:nth-child(1) {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}