Responsive sizing problem

Hello there,
the website which I’m trying to finish is not good at all screens.
For example the first image is for 12" screens and the 2nd image is for 15" screens and the text is going down when the screen is getting smaller. Can we fix that sizes for all screens?

Thank you.

Hi There,

I suggest you to change the layout of row to 1/2 + 1/2 instead of 1/6 + 2/6 + 2/6 + 1/6, so the row will has more space the text isn’t going down when the screen is getting smaller:

You can also add the extra class my-row to control the width of container by adding this custom CSS:

.my-row {
     max-width: 1024px;
}

Hope it helps :slight_smile:

1 Like

Thank you!

You are most welcome!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.