Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Ma carte de Blog Defis N°2

@EKriley-ci

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Fier : Je suis particulièrement fier de la mise en page responsive que j'ai réussi à mettre en œuvre. Le fait que la carte s'adapte bien aux différentes tailles d'écran montre que j'ai bien compris les concepts de Flexbox et des media queries.

Différemment : La prochaine fois, je passerais plus de temps sur l'optimisation des images pour améliorer les temps de chargement et l'expérience utilisateur. J'intégrerais également des tests utilisateurs pour recueillir des feedbacks plus tôt dans le processus.

What challenges did you encounter, and how did you overcome them?

Défis : Un des principaux défis était de garantir que tous les éléments interactifs aient des états de survol et de focus cohérents sur toutes les plateformes. Cela demandait une attention particulière aux détails et à la compatibilité cross-browser.

Solution : J'ai surmonté ces défis en utilisant des outils de développement comme les DevTools des navigateurs pour tester et ajuster les styles, ainsi qu'en consultant des ressources en ligne et des forums pour des conseils spécifiques.

What specific areas of your project would you like help with?

J'aimerais obtenir de l'aide pour améliorer les performances globales du site, en particulier en ce qui concerne l'optimisation des images et des animations.

Aussi, des conseils sur la façon de rendre le code plus maintenable et évolutif seraient très appréciés, surtout en ce qui concerne la structuration des fichiers CSS et HTML.

Community feedback

@espringer21

Posted

Good job! your solution includes semantic HTML and is accessible. Some small improvements to more closely match the design is applying border to all sides then using border-width to expand the right and bottom sides and fixing the margin between each line.

Marked as helpful

0

@EKriley-ci

Posted

@espringer21 OK bien noté merci je verrai sa

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord