Easybank landing page – Frontend Mentor Challenge niveau intermédiaire

  • L’objectif de cet exercice:
    • CSS3 priorités:
      • flexbox
      • postition
      • hover
    • Contrôler le layout en global;
    • git pull & push
  • Temps d’exercice: environ 8H
  • Résumé:
    • Le global layout est clair et typique pour une landing page, les difficultés de cet exercice est dans le détail: effet hover en menu, la forme et box shadow en menu hamburger, la position d’image hero en desktop.
    • J’ai commencé cet exercice en mobile-first approche, alors il y a trop d’over-write en cette approche, donc j’ai tout recommencé en desktop-first.

Ma solution pour ce projet se trouve sur GitHub. La page est également publiée, avec une comparaison de design sur Frontend Mentor.

Vous trouvez également le design à la fin, ceci est un projet j’ai eu beaucoup de plaisir à finir. 🙂

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *