How to separate grid rows on a view in mobile

By: Pete Koutoulas | Asked: 03/27/2025
ForumsCategory: General questionsHow to separate grid rows on a view in mobile
Pete KoutoulasPete Koutoulas asked 3 weeks ago

I hope this makes sense. I have a grid view that looks great on a large screen but not so great on mobile:

https://www.wincityhelps.org/browse_organizations/

The problem is that it's difficult to see where a new row starts because of the grid on the mobile view. Is there a way to make this clearer with CSS, perhaps? Maybe only have borders around the entire record rather than each field, or make the interior borders much lighter, dashed, or similar. There is a difference, but it is very subtle and not easily discernable. Any guidance would be greatly appreciated.

—Pete

1 Answers
Victor Font Staff answered 3 weeks ago

You are not using a CSS grid. You are using an old school HTML table that were never very compatible with mobile devices. You'll have to customize your CSS to adjust the table to your liking.

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right