Saturday, December 24, 2022

62/365: Responsive Nav Bar

 Today I made the responsive navigation bar for the Meta Frontend Developer Capstone project. It uses flex box to align the items, and a CSS media query to determine when to collapse the menu into the hamburger icon for mobile devices. This icon comes from the React Icon packages, and has a small onClick function that opens and closes the mobile menu with a little animation. All the while making this website I have to keep my eye on their brand style guide, using the fonts and colors they specify. 

No comments:

Post a Comment

190: Sablier

 The CodeHawks platform has an upcoming audit on the Sablier protocol, so I decided to read through the docs and familiarize myself with the...