Quote Originally Posted by lat9 View Post
Yep, see this GitHub Wiki article: https://github.com/lat9/ZCA-Bootstra...splay-examples
New install with 2.0.0 and latest bootstrap. PHP is 8.1

Have no problem with the site. Where I'm struggling is to get the define_main_page to act like Display example 1 in the wiki above.

I thought that simply tagging the columns as .card .mb-3 and then each block of image/title with .card-body .text-center as it's done when a category is displayed would do the trick.

Unfortunately, the flex settings did not play as well on the main page as on the listing on a categories page. Although everything else switches to a centered, single column when switching to mobile, what I came up with continues with the three columns on a mobile.

In looking more at the code for a category's page, it looks as if it might need all the items to actually be in a card-deck div with all the card decks in a single card-body div. Finally, all that is surrounded by the card mb-3 div.

I've no need for the border around the card-body or the border on card-deck, so it might be better to just wrap car-deck items with the card mb-3 div.

Thoughts from the experts?