Responsiveness of elements on my site

Hi

I am a total newbie. I tried to build my portfolio from a template, but I’ve been struggling :slight_smile:

I think most of my problems come from ensuring responsiveness. I might be missing something here. I’d love your help on these

https://preview.webflow.com/preview/diahalas-cool-site?utm_medium=preview_link&utm_source=designer&utm_content=diahalas-cool-site&preview=c5ad50750d731ca9b8f5c4f1472f8818&workflow=preview

Problem 1 - The positioning of my hero images

I am having a hard time positioning this hero images so that it looks good across desktop, tablet and mobile. Anyone sees which parameters I need to play with in order for the black and white picture and the purple shape appear on top of the social proof beige section (the one that says « work done »)

On 1440px and up

On desktop

On tablet it goes somewhere down

On the mobile version, these images can hide the button as I scale up and down…

Problem 2 - Responsiveness of a grid

For my social proof section, when I size up or down (in mobile), the grid cuts out some elements are left out. Isn’t there a way to have all my logos nicely wrapped on the two lines if the screen isn’t wide enough?

Work done with

Problem 3 - Responsiveness of a text block

I think I have a similar problem with my « How can I help » section, some text block get hidden behind the next block. Why is that? I thought flex box would solve that.

Problem 4 around boxes

Some of my testimonials texts are not adjusting to the boxes. Why is that?

Clients


Here is my site Read-Only: [Webflow - Diahala's Cool Site)]