SYGNAL UNIVERSITY

Webflow Layout Techniques

Work-in-Progress

No items found.

How do you make that Collection List layout in the way you want?

This course is a growing collection of interesting layout techniques and solutions in Webflow.

  • Annotate images with precisely-positioned elements on top.
  • Create variable layout options for your clients, where each CMS item can choose how it should be presented.
  • Create advanced layout styling techniques like leader lines.
  • Organize text into magazine-style column.

Overview
Element Layouts
Aspect Ratio
Int
201
Responsive Image Annotations
Int
6:50
202
Collection List Alternating Item Layouts
Int
4:32
601
Collection Page & Collection List Layouts
Collection List Card Layouts
Int
4:32
601
Creating Variable Layout Options, per Collection Item
Int
11:46
602
Random List Items on Every Page Refresh
Intro
10:00
603
Variable Collection Item Sizes in a Grid Layout
Int
603
Limit Collection List Items by Breakpoint
Intro
10:00
604
Hide Collection List on Empty, or Item Qty
Intro
605
Special Layouts
Creating Leader Lines
Int
5:54
821
Column Layouts
Int
822
No items found.
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.