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

Responsive-Easybank-Landing-Page-With-LightMode-Feature

#accessibility#react#vite#sass/scss
Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

Desktop design screenshot for the Easybank landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello guys😎...I am back with another solution which is the easybank challenge. I added a darkMode feature because I feel like the design deserves oneπŸ˜‚....This is my second try on this challenge and I think I like this one more than the other solution. well it's not the best solution but I really need your opinions on it. Merry Christmas to you all in advance, Have a nice dayπŸŽ‰

Community feedback

Nikola Dβ€’ 1,450

@NikolaD93

Posted

Hello there! πŸ‘‹

Congrats for completing the challenge! The design is amazing, love the theme switcher!

πŸ™Œ I have 2 suggestions for you:

1.Try to better organize your folder structure:

-Put your App.jsx in the root folder of the entire application.

-Make a folder for Context in the src folder.

Hope this was helpful for you, if it was mark it as helpful πŸ™

Have a nice one! πŸŽ‰βœŒ

0

Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

Posted

@Nikola1232456 Thank you so much. I have one more question

  • Do i need to be importing images before I use? because I can reference the Image paths directly in the JSX and It works fine but when I run preview Images don't load.
0
Nikola Dβ€’ 1,450

@NikolaD93

Posted

@Kamasah-Dickson Yes, it's better to import them.

Marked as helpful

0
Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

Posted

@Nikola1232456 Thank you so much✨

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