https://youtu.be/w7R8N5YSbbY
Attached is a screencast of the issue. I disabled the original rows I had because I could not get them to display properly in tablet and mobile view. I then cloned the top row (which is displaying fairly well in all three views) and then added the addons to this newly cloned role. As you can see in the video the first three pictures display properly but then it goes to a single column. I even reduced the addon widths for the later ones but that did not help. This is also happening on another sppb page https://www.ntps.edu/about-ntps/aircraft.html in tablet view.
I clear the joomla cache before every page save and chrome cache before I reload the page. I cannot seem to get these columns in line. Please help.
joomla 3.10.11
sppb pro 3.8.8
php 8.0