Skip to content
Submitted 7 months ago

Semantic HTML5 + SCSS | Animations

zh4r•80
@zh4r
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • I really like how it turned out visually - I'm having a lot of fun with animations.
  • I went for mobile first this time, and the workflow feels better, I'll continue doing so.
What challenges did you encounter, and how did you overcome them?
  • Semantic HTML - still not sure when to use what, and I don't think I've really overcome it...
What specific areas of your project would you like help with?
  • Accessibility review would be appreciated.
  • HTML Semantics - I'm not sure if I used too much, or if I got it wrong...
  • SCSS

Community feedback

  • Alrn•50
    @Annabelle-LrnPosted about 2 months ago

    Beau travail, les effets au survol sont top entre le trait de soulignement et l'ombre de la boite qui augmente 😊.

    Etant novice mes seules suggestions concernant la sémantique sont :

    • il ne peut y avoir de balise <h2> sans balise <h1>

    • <article> est censé représenter un élément autonome , ce qui n'est pas le cas ici (sauf erreur)

    une petite coquille c'est glissée tu as 2 balises footer une avant la fermeture de la balise main et une après.

    Concernant le style :

    • Pour les unités (largeur et hauteur) utilises des unités relatives (REM) plutôt qu'absolue (px).

    j'espère que ce commentaire te seras utile. Bonne continuation

    0

Please log in to post a comment

Log in with GitHub

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