Webflow Masonry Layout (Pinterest) Tutorial
HTML-код
- Опубликовано: 11 июл 2024
- Discover how to create a stunning Masonry Layout in @Webflow just like @pinterest. In this easy-to-follow tutorial, I'll walk you through step-by-step, guiding you on how to achieve that captivating, dynamic grid design for your website using Webflow's "Block" and "Columns" (Typography) rather than Grid.
📚 Time Stamps:
Intro / Problem: 0:00
Example Website: 0:08
Why Grid Doesn't Work: 0:30
Webflow Tutorial (Block & Columns): 2:48
CMS Walkthrough (including Lightbox): 4:00
Closing Statement: 6:50
📢 Connect With Me
Website: www.dereksiu.com.au/
Fiverr: www.fiverr.com/dereksiu
👇 Affiliate Links:
Hire a Freelancer on Fiverr: fiverr.grsm.io/k8bhq1js4hmx
Try Webflow: webflow.partnerlinks.io/4brsn...
Have questions or suggestions for future tutorials? Leave them in the comments below! Your feedback is greatly appreciated.
--
Peace!
#Webflow #Pinterest #Masonry #WebDesign #Tutorial #Block #CSSgrid #UXDesign #WebDevelopment #CMS #lightbox
Tx for ur existance brother! Cheers from Serbia!
Thanks for the comment brother! Glad you found it helpful.
Fantastic video. Very helpful. Thank you. Have subscribed.
Thanks for the sub! And glad you found it helpful :)
Hey Derek, thanks for the video! I found an issue with this method on Safari. The images look cropped on the column's last and first image. Do you have some trick to solve that? Thank you again. Keep doing videos like this!
Thanks for sharing! - Will have to get back to you on this. If you find a solution in the meantime would you be so gracious to share it so we can grow together :)