I have a layout question for a page on a WordPress site I am working on. I need to display a list of 75 committee members with photos and credentials to the right of the images, in a 3-across grid style layout. Please see screenshot for exactly how I would like this to appear. A similar layout on other areas of the site (with fewer members) has been accomplished using individual tables.
The limiting part of this is that each row is actually a separate table, and is cumbersome to code plus I suspect it is not the most SEO-friendly way to present info. Also, considering the length of this new list it would be preferable to have it laid out in a way where it is one continuous element.
So my question is: what is the recommended method for accomplishing this task on a WordPress site? I know there is a way to do it using CSS (divs?) but am unclear exactly how. The other very important element is that the list of members will be displayed alphabetically by last name, and changes will need to be made from time to time. This requires a fluid-type layout so that inserting or removing an entry will not require extensive recoding to "fill in" the gaps/make the rest of the entries wrap. Thank you in advance for your assistance.