Project developed as part of the Alura #7DaysOfCode challenge after formation "HTML e CSS" and It consists of developing a homepage for a Website for Tech jobs. I challenge myself to go futher so a created 3 diferent layouts to implement responsivity features in this project and here is the result! check it out and have fun!!
🪧 Vitrine.Dev | |
---|---|
✨ Nome | NobertoTech responsive with Flexbox |
🏷️ Tecnologias | HTML, CSS, Flexbox, FIGMA |
Mob 425px |
Tablet 768px |
Note 1024px |
Desk 1440px |
Doing this project by myself following the figma file developed by Alura's team allowed me to reinforce the benefits of starting on Mobile First and also practice CSS/HTML once more.
- Practice "Mobile first" mindset
- Flexbox
- Media Query for responsivity
- Practice BEM standards for naming classes
- Practice transforming FIGMA into real projects
- All responsive features and layout. the original scope was only a 1440px layout.
- Some events styling with :hover too.