HZC | App using Flexbox/Grid for Mobile and Desktop

Project developed as part of the Alura course "CSS: dispondo elementos com Flexbox e Grid" in order to Learn and practice Flexbox and Grid Layout choosing which one is best for each scenario.

🪧 Vitrine.Dev
✨ Nome	SkateApp with Flexbox-Grid
🏷️ Tecnologias	HTML, CSS, Javascript, Flexbox, Grid

Detalhes do projeto

Doing this project allowed me to practice and understand even more how Flexbox and Grid works and specially in which case is best to use each of them.

• Flexbox
• Grid including Grid-template-area
• Practice "Mobile first" mindset
• Media Query for responsivity
• First concepts of Acessibility, for example: aria-label to describe logos
• First contact with BEM standards for naming classes
• Practice how to work and transform FIGMA referencies into real project by destructuring It into small parts and choosing which strategy suits better, flexbox or Grid.

Extra features implemented beyond the Alura course scope for this activity

• Small toggle menu by clicking Profile name on the top of the page.
• Videos page linked with youtube (iframe)

Technics, Technologies and Dependences used: