Design and build your agency website, part 3: Flexbox
Blog post from Webflow
In this continuation of a series on creating an agency site in Webflow, the focus is on steps six to eight: utilizing flexbox, designing logical interactions, and enhancing readability by inverting the palette. Flexbox is highlighted as a powerful tool for building responsive websites efficiently, despite some iOS and Safari bugs, and is exemplified through its use on the Bespke site to create dynamic hover effects by adjusting flex properties. The author suggests using transitions for smooth state changes and advises against relying solely on the interactions panel for complex animations, emphasizing the importance of utilizing both the transitions section of the style tab and the interactions tab for different types of events.