Help needed with responsive design

Hey there, I’m new to Webflow and looking for some help

I can not get my site to center the horizontal & vertical screens, i have had to manually adjust all other screens but i can’t get these two to center, also if anyone has some tips on how to get different screen sizes to scale responsively without having to manually adjust every element that would be greatly appreciated :)

Here is my site Read-Only: Webflow - Kellsea's Site

Responsive design is a big world, you can master it by practice and having a strong knowledge or intermedium of CSS.

The best is to create divs for problematic elements such as images, give a fixed width to these div parents and place the image inside them and give to the image 100% width so it will adapt to the width of the div parent and we will be changing the width of the div parent for each breakpoint and it solves problems, this can be applied not only for images, also for any other element which gives you problems.

Or you can use percentage ‘%’ units for problematic responsive elements, also for this you will require more knowledge and understand when it is necessary or not.

thank you for the feedback! Do you have any helpful tips or videos i can watch to become more knowledgable in CSS?

No problem, yes of course, you can start with these video courses of Webflow university:

And of course you have a lot of different videos here:

Also, I follow to this CSS evangelist, he is Kevin Powell, but you will need to learn basic HTML, I work as a Frontend developer so I already have experience with code, to learn Html and Css will give you super powers on Webflow and even more if you learn Javascript.

Kevin Powell: https://www.youtube.com/@KevinPowell