Skip to content

NobertoFerreiraFilho/7DC-HTML-CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NobertoTech | Responsive WebApp using Flexbox for Mobile and Desktop

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

gif of the project

Detalhes do projeto

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

Extra features implemented beyond the Alura course scope for this activity

  • All responsive features and layout. the original scope was only a 1440px layout.
  • Some events styling with :hover too.

Technics, Technologies and Dependences used: