Streaming live at 10am (PST)

Help with 2 column layout design


#1

I’m trying to set up a 2 col layout with ads in the right sidebar. Something like http://www.uxbooth.com/articles/​​marketing-and-user-experience-design-must-work-together/

But it seems like the container element is 960px max. How could I replicate this with a wider container so that my ad sidebar (300px) would fit?

I tried this:
Section
Div (centered relative to the screen)
columns

In this way I was able to lay out the ad in a nice way but it was no more responsive. With the Container element it’s always responsive.


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


#2

Hi @barnabasnagy, thanks for the post, I took a look at that site and it seems to be using flexbox with a max 381px width sidebar.

Here is a quick example 1400px wide layout with similar sidebar https://webflow.com/website/Simple-Flexbox-2-Column-1400px-Sidebar

If you would like some further help on the actual site, share the read-only link: https://university.webflow.com/article/how-do-i-share-my-sites-read-only-link

Here is also a good page for Flexbox layouts: https://flexbox.webflow.com/#layouts

I hope this helps.


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.