GREEN Button
So you’re new to Webflow, eh? Let’s dive in.

Visual Web Design Guide

This visual guide will walk you through important responsive web design concepts and how to implement them visually inside Webflow. 

#2 LAYOUT ELEMENTS

Basic layout elements

Add elements to your website by clicking on the [ + ] icon in the upper left hand corner. Below are some of the most basic structure elements in web design - sections, containers and columns. 

Adding Columns are the fastest way to build a unique website layout. To edit how many columns you want in different devices, just click on the Gear Icon in the top right corner to access element settings.

Responsive Columns

Need more help?

You got it! There are tons of people learning Webflow and web design every day. A great place to start is the video tutorials. Then head on over to the support center or community forum. 

(You can click on the links above by going into Preview Mode – the eye icon in the top left corner)