Learn Webflow the FAST way with our full Webflow Masterclass course - https://bit.ly/3VQJFys

In this video we’re building a header from dribbble so you can see exactly what goes into making something this creative. First we’ll take a look at the figma file where I rebuilt this header using autolayout, then we’ll jump into webflow and rebuild it so you guys can see exactly how the pro’s do it.


Original Shot:https://dribbble.com/shots/20368238-Flowly-Website
Figma File if you want to try and rebuild:https://www.figma.com/file/vJn9b5aaIEQK5aE9NttY8G/Dribbble-Rebuild?node-id=0%3A1&t=SVVYzOgyoEcIXBpo-1

CHAPTERS

00:00 - Intro
00:17 - Overview of the design
02:26 - Recreating the layout in Webflow
11:47 - Adding a relative H1& image
15:50 - Adding the nav bar
20:36 - Other brake points

Have questions? Let us know in the comments!!

Find us on SOCIAL MEDIA
Flux Academy's Instagram https://www.instagram.com/flux.academy/
Arnau Ros Channel https://www.youtube.com/c/ArnauRos

Thanks for watching our video!

#webflow #webdesign #websitedesigner #webdesignbeginner #figma