Skip to content

kaida-iryna/layout_moyo-header

 
 

Repository files navigation

MOYO Header Layout

Header navigation section for an e-commerce site — responsive top navigation with mobile hamburger menu, part of Mate Academy HTML + CSS Basics module.

🚀 Live Demo

🔗 https://kaida-iryna.github.io/layout_moyo-header/

🛠 Tech Stack

  • HTML5 (semantic header)
  • CSS3 (Flexbox)
  • SCSS (Sass)
  • BEM methodology

📚 What I learned

  • Mobile-first responsive navigation
  • Hamburger menu pattern (CSS-only and JS-toggled)
  • Sticky header behavior
  • Logo + nav + search + cart icon layout

🏃 Run locally

git clone https://github.com/kaida-iryna/layout_moyo-header.git
cd layout_moyo-header
# Open index.html in browser

Built by Iryna Kaida as part of Mate Academy Frontend Developer course. Original task forked from mate-academy/layout_moyo-header.

About

E-commerce header with mobile hamburger menu — Flexbox + SCSS. Mate Academy HTML+CSS Basics module.

Topics

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Contributors

Languages

  • JavaScript 88.8%
  • HTML 10.7%
  • CSS 0.5%