GenerateBlocks: Can I horizontally align my text on mobile?

1/ Can I adjust the layout for mobile/smarphone with GenerateBlocks?

On this page, please look for the heading “B. Les 5 meilleurs livres de shiatsu, selon un pro du shiatsu”.

You’ll see 5 rows in 2 different “tables”. These are actually not tables but grids/containers.

The first 2 rows have been designed with GenerateBlocks. They look good but when looking at them on a mobile phone, I would like the content of all columns to be horizontally aligned.

You’ll see this is feasible since the last three rows already display that way. I designed them with another plugin, competitive to GenerateBlocks.

I assume GenerateBlocks will/would work better with the GeneratePress theme since the same team are developing both, but I may be wrong here. I tried for hours to horizontally align the content of my first 2 rows when displayed on a mobile phone – designed with GenerateBlocks – and I am yet to succeed. It seems to work for the book cover and the 2 buttons, but not for the 2 columns of text.

Is it even possible? If so, how can I do?

2/ Also, how can I vertically align the covers of the books in the first columns of the 2 first rows?
The option is there but it does not seem to work. Maybe this is because of the code to insert that linked image? (copied and paste from amazon)

Here is the code:

<a href="https://www.amazon.fr/Shiatsu-Th%C3%A9orie-pratique-Carola-Beresford-Cooke/dp/2224035071?__mk_fr_FR=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=2G7M3MIA3RGIY&keywords=Th%C3%A9orie+et+pratique+du+shiatsu&qid=1654206885&sprefix=th%C3%A9orie+et+pratique+du+shiatsu%2Caps%2C336&sr=8-9&linkCode=li1&tag=h70-21&linkId=4378d89e61eee561ded34c45d6536e3c&language=fr_FR&ref_=as_li_ss_il" target="_blank" rel="nofollow noopener sponsored"><img border="0" src="//ws-eu.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=2224035071&Format=_SL110_&ID=AsinImage&MarketPlace=FR&ServiceVersion=20070822&WS=1&tag=h70-21&language=fr_FR"></a><img src="https://ir-fr.amazon-adsystem.com/e/ir?t=h70-21&language=fr_FR&l=li1&o=8&a=2224035071" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;">

• This topic was modified 2 years, 5 months ago by masterhealerwp.
• This topic was modified 2 years, 5 months ago by masterhealerwp.

The page I need help with: [log in to see the link]