Resize grid for mobile

Design help Animations & Interactions
1

Hey everyone,

I’m designing a homepage for a personal blog, and I’m trying to design with mobile-responsiveness in mind.

I’ve created the hero section, but I can’t seem to get it to resize properly for mobile. I know that there are adjustments I can make by clicking the mobile view, but is there a way in which I can restructure this hero section to make mobile responsiveness easier?

image
image1632×820 96.7 KB

Thanks in advance, I really appreciate the help

Here is my public share link: LINK
(how to access public share link)

2

Hello @bugsyb,

I would suggest you to try to stay away from pixels for your widths and heights.
24%20PM
If you use pixels, you will have to change the values for every breakpoint. Instead just use auto, vw/vh, or percentages. That way your design will be more responsive, and you will not have to go too much back and forth between break points. There is a lot information about it at webflow university https://university.webflow.com/ I hope this helps.