Align center on mobile

First I have to say: I love this component. I´m trying to make an old site suitable to mobile devices, and with so little knowing of html and css it was a pain. I can say you saved me
Now I have a little problem. I have an image in a row and a textbox in the next row. On big devices it is nicely centered. Like I wanted to have.


But on smaller devices the textbox isn´t accurate under the image.


The image is aligned to the right, textbox is always aligned to left. Even if I align the image to the left the image and box are aligned nice over each other on small screens. But then the distance between image and text is too big on fullscreen device and that doesn´t look very good.

I´m talking about this site: testserver.grizzly-adams.de/index.php/robbie-bina

I hope someone cpould help me with that issue,

Thanks in advance,
Stephanie

Hi

First I have to say: I love this component. I´m trying to make an old site suitable to mobile devices, and with so little knowing of html and css it was a pain. I can say you saved me

Cool, I'm happy to read this

if you want to support the Page Builder, you can leave a friendly review in the JED :

extensions.joomla.org/extensions/extensi...tion/page-builder-ck

For your problem, you can
1/ set the image to be centered
2/ edit the text block and set
2.1/ margin-left : -100px
2.2/ custom css area, write this :
left: 50%;
position: relative;

This works quite good, the only thing is on large screens the image and text will be separated with a quite large space

CEd

That doesn´t seem to be the best solution, on smaller devices the text is over the image, on very small screens the text goes out of screen. Like this:



I mean, it´s not a drama if it´s not accurate vertically aligned, but why not having it perfect if I could?

The review at JED will be done, of course.

it seems that you missed the "position:relative;" in the custom css area ...

Nope, is there:
left: 50%;
position: relative;

ok, remove the line break and write it all on one line like this

left: 50%;position: relative;

this is a "bug" that I have to fix