Skip to content
Submitted about 2 years ago

CSS Grid, Sass, JavaScript

Danny Fong•410
@dannyfongdev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I originally had a slide in effect on the mobile menu, but couldn't get it to work the way I wanted. Anyone try to do a "transition" animation for the mobile menu?

Community feedback

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

    Hi Danny Fong, 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... 👍

    Marked as helpful
    0
    Danny Fong•410
    @dannyfongdevPosted about 2 years ago

    @AdrianoEscarabote thanks for the feedback. Adding a main would be a simple way of helping those who use assistive technology.

    1

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