Proportionally size columns to fill pagewidth

Design help General
#1

Hi folks, i’m new to webflow and have an idea about my website but can’t seem to build it.

I’ve read the forums and viewed the tutorials but they didn’t cover my question. What i would like to build is a homepage which contains 6 pictures, equal in size, and clickable to go to other pages (for example, a picture of me which will go to the about page, etc.)

I’ve build a section and within that section 3 columns. Within each column i’ve put a link block with a background picture. The problem is that the 3 columns don’t fill the full pagewidth.

Steps tried so far:

  • Adjusting the background image width
  • Adjusting the link block width
  • Adjusting the link block margins
  • Changing the position of the link block(s)

Hopefully somebody can give me some guidance to creating the above.

Thanks in advance!

https://preview.webflow.com/preview/xvlphotography?preview=0c5266e022ee4765ee60377a2e26c1a4

#2

How about not using a ROW element (who is built with many elements who have default magrin/padding values that are hard to fight with) but inline blocks ?

See here:

https://v.usetapes.com/CxlxgfCxjJ

1 Like
#3

@Xander you can go @vincent’s route or follow this to “fix” your current layout :smile:

Arthur

2 Likes
#4

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