Help with 2 column layout design

[barnabasnagy]

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)

[cyberdave (Dave S.)]

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: Share a read-only link | Webflow University

Here is also a good page for Flexbox layouts: Visual CSS flexbox builder | Webflow

I hope this helps.