Spacing on the web (padding, margin, and Occam's square) — web design tutorial

Learn the ins and outs of padding and margin to set spacing on web elements. We’ll use practical design examples to demonstrate how to add space inside and outside of cards, images, headings, buttons, and Occam’s square. 00:00 – Introduction 00:44 – Padding & margin on one side 01:43 – Padding & margin on both… Continue reading Spacing on the web (padding, margin, and Occam's square) — web design tutorial

Top web design trends for 2021

In this video, Charli, from the YouTube channel CharliMarieTV, goes over her top 5 #webdesign trends for 2021. Find the full list of 21 web design trends for 2021 on the #Webflow blog here: Check out Charli’s channel here: ———- Get started with Webflow: Join the Webflow Community:

Breakpoint basics and responsive design in Webflow — web design tutorial

In this lesson, you’ll learn: 1. Styling your site across different breakpoints 2. Add larger breakpoints 3. Scale the canvas 4. Override styles across different breakpoints 5. Clear overriding styles 6. Test responsiveness and fluidity Read on the blog: Steps in the video: 00:00 – Introduction 00:43 – Style across breakpoints 05:38 – Add breakpoints… Continue reading Breakpoint basics and responsive design in Webflow — web design tutorial

Advanced web typography (headings, text fills, inheritance, typography units) — web design tutorial

In this lesson, we’ll cover headings, text fills (knockout text using backgrounds or gradients), paragraphs, text inheritance, spans, typography units (including the all-new CH unit), and accessible, inclusive typography. Steps in the video: 00:00 – Introduction 01:04 – Headings 03:50 – Text fills (knockout text) 05:08 – Paragraphs & text inheritance 07:59 – Spans 09:14… Continue reading Advanced web typography (headings, text fills, inheritance, typography units) — web design tutorial