- This topic has 6 replies, 2 voices, and was last updated 7 years, 11 months ago by
.
Hi Shufflehound,
Ill probably get a “Frequent Customer” card at this rate 😛 but as for the portfolio (http://joshua.hailpern.com/portfolio/), i can’t figure out how to keep each row aligned.  If the browser width is wider, it works, but on more narrow windows, the descriptions spill over, and push some to 3 lines, causing the grid to “break.”  Is there some way to force the rows to all have the same height, and still have it be responsive?  Because if you set a height in CSS in PX, it wont’ be responsive, right?
Hi @cmurockstar,
I hope you are well today and thank you for your question.
I visited your shared page and it is displaying fine for me on lower browser width.
Could you please share the screenshot of the issue by testing it on https://www.responsinator.com/ ?
Best regards,
Shufflehound teamplease see attached pictures
you can see the top of the images on the bottom row don’t align because of the responsiveness of the other image’s titles
Solution for this topic
You can try setting minimum height to them by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-portfolio-item { min-height: 475px; }Yes – i see how that ensure a minimum, but if things overflow again – wont this cause more problems?
In that case you can just increase the minimum size 475 in the above shared code.
