Skip to content
Submitted about 2 years ago

Responsive + Js component + ::after in css

kevin-houguet•90
@kevinhouguet
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Notifications page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hello, it was pretty difficult with the mp post, i don't know why. Maybe because i'm not really ok with my cutting of the html. But it's working. No difficulty with js. I tried to anticipate a real project with the use of functions. Tell me if you appreciate :) Thank you.

Bonjour, c'était assez difficile avec le post mp, je ne sais pas pourquoi. Peut-être parce que je ne suis pas vraiment d'accord avec ma découpe du html. Mais ça marche. Aucune difficulté avec le js. J'ai essayé d'anticiper un projet réel avec l'utilisation des fonctions. Dites-moi si vous appréciez :) Merci.

Community feedback

  • Adriano•38,250
    @AdrianoEscarabotePosted about 2 years ago

    Hi kevin-houguet, how are you?

    I really liked the result of your project, but I have some tips that I think you will enjoy:

    • every Html document must contain the main tag, so we can identify the main content, to fix this, wrap all the content with the main tag. HTML5 landmark elements are used to improve navigation experience on your site for users of assistive technology.

    The rest is great!

    I hope it helps... 👍

    1
    kevin-houguet•90
    @kevinhouguetPosted about 2 years ago

    @AdrianoEscarabote Hello, i didn't know that tricks, thanks a lot for the tips :p. Best regards.

    1
    Adriano•38,250
    @AdrianoEscarabotePosted about 2 years ago

    @kevinhouguet happy coding!!

    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