Table of contents

• Overview
  • The project
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

The project

Users should be able to:

• View the optimal layout for the component depending on their device's screen size
• Open and close the mobile menu with a button click

Screenshot

Links

• Code: GitHub
• Live Site: Netlify

My process

Built with

• Semantic HTML5 markup
• Flexbox
• Mobile-first workflow

Continued development

I've built projects using JS before but I haven't really tackled adding more JS to my websites. I would like to use more JS in the future and further improve on the mobile dropdown menu. I would also like to try a project like this using CSS grid instead of flexbox.

Useful resources

• dev.to
• W3Schools
• I used both of the above resources to help me with getting the mobile menu to work. I originally had a different hamburger menu but I didn't like how it looked after clicking on it to view the other links.

Author

• Twitter - @css_strudel