Issues with responsive layout

Design help General
1

Hi!

I’m currently building my personal website and faced two issues:

1) I can’t get this text block to be situated lower, so it stays nicely in front of the photos

image
image1370×556 182 KB

Like here:

image
image1378×584 263 KB

2) and my second issue is with this area:

image
image3536×1958 1.79 MB

It looks nice on my 16-inch screen, but on other screens, this layout is messed up.
For example:

image
image1780×844 621 KB

Will be grateful for any help!

Thanks everyone.

Link to the page: https://kashevko.webflow.io/about

Here is my site Read-Only:

https://preview.webflow.com/preview/kashevko?utm_medium=preview_link&utm_source=designer&utm_content=kashevko&preview=f9610cad6c3c5b09898a89ddd2494621&pageId=5e32e3537e714c2aaa2c99f6&mode=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

In the first issue, you’ve got the photos and text in Grid layout (in fact 2 grids, one inside the other) and the layout you like is in Columns.
Try copying the Columns layout instead of using grid.
Take a look at the Navigator and you’ll see all the images, text, columns and grids all listed out for you.

3

thank you so much Jonathan!
This helped me to solve both issues.

1 Like