Skip to content
OverviewSolutions
70
Comments
3

MaudePod

@MaudePod1,380 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • gonzalm96•20
    @gonzalm96
    What are you most proud of, and what would you do differently next time?

    Honestly pretty happy with how the components were built out and how I was able to manage the state of all the changing components.

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

    Biggest challenge I faced was ensuring that all extensions were removable from each filtered list while maintaining an overall list for the "all" filter.

    Mainly just needed to think of the approach a little differently.

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

    While the application is simple, would love feedback on how I can make this an efficient application or how I can optimize the component even more.

    Extensions Dashboard built with NextJs

    #accessibility#react#sass/scss#next
    1
    MaudePod•1,380
    @MaudePod

    When I click on "Change theme to light mode." img the theme does not switch to Light on my machine. Also the title displayed in the browser tab is "Create Next App"

  • Virshree Desai•270
    @Virshree
    What are you most proud of, and what would you do differently next time?

    I have completed this challenge .

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

    Nothing

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

    Any suggestions or improvements are welcome.

    Responsive Digital bank landing page

    1
    MaudePod•1,380
    @MaudePod

    You could make your navigation options like "home","about" "contact" etc keyboard accessible by warping them in anchor tags or adding a tabindex attribute.

  • MaudePod•1,380
    @MaudePod

    You can center your main by adding the following to your body tag

    body { background-color: rgb(230, 230, 230); display: grid; height: 100vh; align-items: center; }

    Marked as helpful