Skip to content
Submitted over 3 years ago

Multi-page site built with React, Next.js, and Styled Components

Matthias•235
@MatthiasSmith
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Designo multi-page website
  • HTML
  • CSS
  • JS
5guru

Design comparison

SolutionDesign

Solution retrospective

For this project I used Next.js for its features such as its built-in router, image optimizations, and server-side rendering.

I learned a lot about using the Next.js Image component, including what its uses and limitations are.

Any feedback is welcome and appreciated. 🙂

Community feedback

  • tediko•6,680
    @tedikoPosted over 3 years ago

    Hello, Matthias! 👋

    Amazing work. I have not much to say, rather iIhave to look through your solution and learn something new 😅 Small thing I would imply is:

    • Add :focus pseudo class to interactive elements like anchors, buttons etc. Use outline property to make your website more accessible to keyboard users. Focusable elements like anchor, buttons or inputs they have applied default :focus pseudo class with outline property. These default styles are subtle and hardly visible tho. Furthermore every browser has a slightly different default style for the outline, so you probably want to change the default style. Read more about why we should change focus styles.

    Good luck with that, have fun coding! 💪

    1
    Matthias•235
    @MatthiasSmithPosted over 3 years ago

    Thanks @tediko. That's a great point you brought up! I'll add this.

    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