-
Posts
-
Again, my apologies. This seems to be something that I am sure has been discussed, but I am not fine a solution for my problem.
I have a page that is under development. Please see Private Content for URL Just under the Olive Green textured block, you will see a Color Section with 5 photos and their accompanying text. I have managed the layout of these 5 using columns, 1/5 for the photos and 4/5 for the text. Most everything scales nicely. The 1/5 column on the left controls the attributes for the row, “equal height” and “centered (vertical) alignment.” My goal is to to have the photos centered vertically with the text regardless of how many lines each text block wraps to (depending on device width.) Again, all is working as I would expect…except….
When I view my page on Desktop, all is good. When I view my page on very small sizes, ie: phone, all is fine as everything collapses to a one column layout. It is the intermediate size, ie: older iPads, or iPad mini that is creating the issues. See this image…
I have been all over the column and photo settings trying to figure out why the behavior of the top image is different than the other four. As the viewport for the page gets narrow, the text wraps into more lines. This is as expected. The top image is working nicely as it always recenters vertically on the wrapped text regardless of the number of lines. It also stays I n a nice square crop. The others behave differently. The images sty square within the defining box, but I get a light gray introduced on each. I have included login info in Private as well. Thank you —Bill
- You must be logged in to reply to this topic.