The Ultimate Webflow Tutorial for Beginners
This is an introduction to Webflow that walks you through how to build a recipe blog from start to finish in 2021. Building a professional website is easy with Webflow - this tutorial will show you exactly how to build your first website with Webflow without any code.
Webflow is a powerful website builder that gives you complete control over your website, and also allows you to create dynamic pages using the CMS (content management system).
I break down everything you need to know to design and build a dynamic website in Webflow, even if you're a complete beginner.
Chapters
Overview - 0:00
Insert Elements and Add a Class - 2:11
Margin vs Padding - 5:27
Combo Class - 6:56
Undo/Redo - 8:05
CMS - Create a Collection - 8:34
Add a Collection List of Recipes - 14:22
Grid Display - 15:37
Link Block - 16:32
Add a Background Image to a Div - 17:00
Flex Display - 20:13
Recipe Collection Page - 23:00
Rich Text Field - 25:30
Publish your site - 27:40
Responsive Design - 29:40
Styling fonts - 31:00
Reusable Navbar Symbol- 37:12
Add a Cuisine Type Collection - 42:00
Add a Reference field - 42:40
Filter a Collection list - 44:10
Conclusion - 48:32
Insert Elements and Add a Class - 2:11
Margin vs Padding - 5:27
Combo Class - 6:56
Undo/Redo - 8:05
CMS - Create a Collection - 8:34
Add a Collection List of Recipes - 14:22
Grid Display - 15:37
Link Block - 16:32
Add a Background Image to a Div - 17:00
Flex Display - 20:13
Recipe Collection Page - 23:00
Rich Text Field - 25:30
Publish your site - 27:40
Responsive Design - 29:40
Styling fonts - 31:00
Reusable Navbar Symbol- 37:12
Add a Cuisine Type Collection - 42:00
Add a Reference field - 42:40
Filter a Collection list - 44:10
Conclusion - 48:32