The text widgets looks wrong on small devices

On the frontpage: http://tobiasnielsendesigns.com/doxafilm/ I want the pictures to touch each other diagonally, when resizing :slight_smile:

Below 1050px it starts to look weird, do you have any ideas to fix this?
I have tried a lot and none of it works so I am a little frustrated

Regards Tobias

Hello Tobias,

You can try to use square images and see if it helps.

Kind Regards, Roman.

Hi Roman

It is already square images. I edited the text, so the problem appears only below 940px.
Here at 868px, you can see it looks weird:


It would be nice, if the rows are getting bigger when resizing to smaller devices or any other ideas are also welcome :slight_smile:

Regards Tobias

Hello Tobias, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 781px) and (max-width: 1060px) {
    .panel-layout p {
        font-size: 1.5vw;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman

I think I will do something like that, it is obviously the easiest way. Good idea.

Another thing is to center the text, which only works on the rows, where the pictures are at the right. The row, when the pictures are at the left side has it is own styling with a class called: push-image-right, which may cause the problems. What can I do here? :slight_smile:

Regards Tobias

Hello Tobias,

Please create a new topic for the next issue to keep forum in good order and make it easier to help you.

Kind Regards, Roman.