Скачать или смотреть Making a grid homepage in Webflow

Thank you so much for checking out my tutorial! Please subscribe for more design tutorials - I’ll be covering Animation with After Effects, HTML email design with XD, HTML email code with Sublime Text, Web Design with Adobe XD, Sketch & Figma as well as Web Development with Webflow.

In this video we work in Webflow to recreate a grid based homepage for a website. We base the design around my own portfolio website - https://www.tompiggott.co.uk/

Links discussed in video:

Try Webflow for yourself:
https://webflow.com/?rfsn=4838125.2e0...

Timestamps:

0:35 - Adding and styling a CSS grid
1:37 - Adding and styling link blocks
3:45 - Adding and styling content in the link blocks
7:04 - Exporting image assets from Adobe XD
8:00 - Uploading images to Webflow
10:19 - Duplicating link blocks
13:48 - Adding combo classes
15:36 - Making the page responsive
17:57 - Adding the hover animations
23:09 - Publishing the site

Follow me:

Website: https://www.tompiggott.co.uk/
Newsletter: https://www.tompiggott.co.uk/contact#...
Instagram:   / tompiggottdesign  
Facebook:   / tompiggottdesign  
Dribbble: https://dribbble.com/tompiggott/
LinkedIn:   / tompiggottdesign  

Music: “Still Standing” by Anno Domini Beats