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

Mobile first landing page. CSS HTML JS

ElsaD 330

@InKABuser

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


any feedback would be much appreciated

Community feedback

@michey85

Posted

Hi there! Nice looking hover effect on menu items. Cool!

What is better to improve:

  • size of all heading and paddings inside all section
  • first Request invite button need hover effect and also cursor poiner
  • top image should be over next section too: you could try with positioning (relative or absolute) or negative margin-top for the next section
  • for articles is better to fix images - it should be all same size
  • on mobile I see horizontal scroll - try to fix it, plus some text is under the top image
  • try bem notation for css class naming
2

ElsaD 330

@InKABuser

Posted

@michey85 thank you so much for your feedback, 1 thing I'm confused about is that i don't see a horizontal scroll

0

@AnNguyen1510

Posted

hey, how can i have the psd file

1

ElsaD 330

@InKABuser

Posted

@AnNguyen1510 what psd file

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