Websites York - Template13

Template Menu

An effective 3 column layout with an image background

For Clients

Find the best talent

Get the best available experienced web designer allocated to your project and wow your customers.

Get your website started now

Upload your text and image content

Get expert SEO advice now


Design Notes

Building a layout I have seen on the Upwork Home page. I tried some quite complex stacks at first but this really works best with the simplest of layouts and using padding and margins to control the spacing in two sets of 3 columns. The biggest challenge was finding a dark image that would work with this layout as I didn't want to use the Upwork page's image for copyright reasons. I found this image on Shutterstock.

A margin of 96px is added, on small only, after the first row of three columns in order to allow the face to show without being obscured too much. The space and right arrow in the links are html glyphs as shown on this page.


Now building this same layout as a Bento grid

For Clients

Find the best talent

Get the best available experienced web designer allocated to your project and wow your customers.

Get your website started now

Upload your text and image content

Get expert SEO advice now