Hi, I am using your theme for my website and I’ve encountered an issue with the container heights on the homepage. I have set up my homepage to display posts in a three-column layout using the following CSS which I got in the support forum while searching for the it:
.home .site-main {
display: flex;
flex-wrap: wrap;
}
.home .site-content .site-main .post {
width: 33.33%;
padding-right: 20px;
}
The problem is that few containers do not have the same height. I don’t know but this seems to be caused by the titles of the posts, which vary in length. As a result, some containers are taller than others.
You can also check this screenshot – Issuepic
I would appreciate any assistance you could provide to help me resolve this issue. I tried many things but nothing is working. Thank you in advance for your support.
The page I need help with: [log in to see the link]