Resize grid for mobile

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?

Thanks in advance, I really appreciate the help


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

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.