Streaming live at 10am (PST)

Help with responsive web layout

#1


I’m having trouble making my site responsive on the home page. I used the Muma template for my portfolio, and it looks fine on the tablet and phone. But once I minimize the responsive web page, the text is off and same with the images. I only have this issue on the home page and not my work or about me pages. Any thoughts on how to fix it? Thanks.


Here is my site Read-Only:

https://preview.webflow.com/preview/lexs-portfolio-68548a?utm_source=lexs-portfolio-68548a&preview=c2b5100548ab2684c16c0b339ba12901

#2

Hi @Lex_Walker, thanks for your post. I think the issue has to do with the 50% position offsets on the container center combo class, I assume you are doing this to center the content on the page.

I would probably recommend using flexbox, I made a quick example video:

Here is a good page to get example layout structures for your sites: https://flexbox.webflow.com/#examples

I would also apply a style of overflow hidden to your container class to avoid page overflow due to the images in the columns.

On the column layout, I might recommend to do that layout using entirely flexbox instead of columns, but it is personal preference.

I hope this helps

#3

My Left year appreciated this video @cyberdave! hahaha