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

Created using HTML, SCSS and JS - Fully Responsive.

#bem#sass/scss
Ollie 580

@ohermans1

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


Feedback appreciated!

I didn't spend much time on the responsiveness, but I am happy enough with the end result. Looking forward to my next project, which will be my first attempt with React.

Community feedback

Sourabh 420

@SOURABH358

Posted

Good work overall @ohermans1, congrats on finishing the challenge.🎉 Some suggestions from my side: Use bigger font sizes for smaller screen sizes. On a smaller screen when you click on hamburger and then resize it back to desktop you can still see hamburger. You can use innerWidth or matchMedia to detect changing screen sizes Overall Website looks great.👍

Marked as helpful

1

Ollie 580

@ohermans1

Posted

@SOURABH358 Cheers for the great feedback! I will certainly take a look at mediaMatch and innerWidth :)

0

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