Create 5 Advanced Layouts Using Webflow’s Grid Layout Tools | Webflow Flexbox Tutorial
Вставка
- Опубліковано 27 лип 2024
- Creating multi-column layouts in Webflow is a breeze, thanks to its grid layout and flexbox features. In this hands-on Webflow tutorial, you'll learn how to create five different complex layouts.
► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?...
Here's what we'll cover in this Webflow layout tutorial with Adi Purdila:
00:00 Introduction
01:43 Multi-Column Layouts in Webflow
23:04 Advanced Layouts Using Positioning and Flexbox
35:17 Wrapping up
Read free Webflow tutorials on Envato Tuts+: webdesign.tutsplus.com/catego...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?...
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
► Subscribe to Envato Tuts+ on UA-cam: / tutsplus
► Follow Envato Tuts+ on Twitter: / envato
► Follow Envato on Facebook: / envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
best tutorial on Webflow. Thank you sooooo much
Thanks a lot!
Sir your amazing ❤
Thank you so much
You're most welcome
Thank you! Love your videos, hope we get more from Adi on Webflow!
Is there a way to download the files to follow along exactly with you? Maybe a cloneable webflow file?
big fan👍🏻
Same here
Wouldn't it be wonderful if you did the same with Elementor as a duplicate. That way we will have a comparison as well as some options.
Hi everyone 👋,
So I'm having trouble with my grid layout in Webflow. I've created a 4-column by 3-row grid and added images, article titles, authors' names, publication dates, and categories (e.g., productivity). Replacing images works fine, but when I try to update the article title, date, author name, etc., everything breaks. The images move up, causing misalignment.
I want everything to stay aligned at the top without breaking. This issue has been bugging me for weeks, and I can't find a solution. If anyone understands what I'm trying to say and has a solution, I would really appreciate it.
Thanks, and happy creating 😊
This sounds like an issue with the display type and alignment of the grid items, but it’s difficult to say without seeing a demo!
the whole video is blurry?
If UA-cam thinks your connection is bad, it sends a lower res video. You can change it by clicking on the gear and selecting a higher res, but it might be slow.
@@envatotuts oh cool thank you, Idk how I didn't know that