Easybank landing page – Frontend Mentor Challenge niveau intermédiaire

L’objectif de ce projet

  • Utilisation de CSS3 priorités:
    • flexbox
    • postition
    • hover
  • Contrôler le layout en global;
  • Utilisation de git pull & push

Temps de réalisation

environ 8H

Difficultés

le détail:

effet hover en menu, la forme et box shadow en menu hamburger, la position d’image hero en desktop.

Solutions

tester, tester, tester. — j’ai modifié beaucoup de fois en CSS pour obtenir le résultat rapproche de design.

Ma solution pour ce projet se trouve sur:

Résumé

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. — Il ne faut pas avoir peur de tout recommander, des fois c’est la solution qui va gagner du temps!

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