Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Multi-Page-Website-React-Bootstrap

#react#bootstrap
Teodor Jenkler• 660

@TedJenkler

Desktop design screenshot for the Designo multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
5guru
View challenge

Design comparison


SolutionDesign

Solution retrospective


I did not really showcase any new skills here but rather showed my skill to be able to finish a project and design a site with Figma as a template.

Feedback is welcome

Community feedback

Ahmed Faisal• 5,095

@afrussel

Posted

Hello, @TedJenkler

Overall, your effort is commendable. However, during the review, I observed several areas that require attention to enhance the overall quality of your work.

1. Coding Errors:

  • While examining the code, I identified a few instances of coding errors that need rectification to ensure optimal functionality and compliance with best practices.

2. Missing Font Family:

  • The absence of a defined font family might impact the visual consistency and readability across your web content. It's crucial to specify a suitable font stack to maintain a cohesive and aesthetically pleasing design.

3. Image Hover Effect:

  • Incorporating a hover effect on images can significantly enrich user interaction and engagement. Implementing this enhancement can elevate the visual appeal and interactivity of your website, creating a more immersive user experience.

4. Footer Height Adjustment:

  • Optimizing the footer height can contribute to a more balanced layout and overall aesthetics. Lowering the footer height might refine the website's visual structure, providing a more cohesive and aesthetically pleasing design.

Addressing these aspects will not only resolve the noted issues but also contribute to an improved user experience, design consistency, and code quality across your web project.

I encourage you to consider these points as opportunities to refine and elevate the quality of your work further.

Marked as helpful

2
Ehtesham ali• 330

@Ehteshamali-889

Posted

Small fixes needed: Images overlay missing header links styling missing footer styling not matching with design background image missing for section passionate resourceful and friendly

but overall great work. Keep it up.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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