Streaming live at 10am (PST)

2 Columns (fixing width of each

This might be a dumb question but I’m trying to figure it out and obviously my brain isn’t thinking about it right.

In my PSD I have 2 columns in the hero.

Left side (an 360 pixel width image)
Right Side (a 600 pixel width area where I have text)

No matter what I try the 2 columns in webflow are equal width and I can’t force the left side that will contain the image to be 360. I’ve tried

  1. Creating a 2 column row inside my container
  2. Creating a div block within the left column in that row, then specifying the width of the div block to be 360. But it doesn’t matter, the left column just STAYS at 50% of the width of the container.

HELP! :confused:

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

Hello @tonysnow7 :smiley:

I would recommend using a fluid width 2 column row with the left column being smaller than the right. I would also recommend using percentage widths more often than fixed pixel widths. This will help with your project being more responsive.

If you really need to have a fixed width 2 column row, try using basic DIV blocks that are floated left or set with a display:inline-block .

Hope this helps :smiley:

Here’s the layout.

The image on the left is actually 385x471 (a transparent png). Part of the width includes the transparent right side due to the way the shadows sit.

So I’m pretty much trying to get all the text on the left of the image to start immediately after the 385px width left column is done.

How/Where would I set the 2 columns to be fluid width?


It seemsl ike you’re trying to do something like this:

You can use the already built columns component in your design. It is already a fluid width.

I would really like to solve this myself but I will definitely try that too, thanks!

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