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

Easybank landing page challenge in NextJS

@unteacatalin

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


Hi, I found it difficult to make the first image in the hero block responsive. I used clip-path CSS property to make the image resemble the template. I had some problems making the images resize and keep the aspect ratio. Overall this project was about image processing. I've also done for the first time a mobile modal dropdown drawer with the header still accessible. I think I hit a limit with the number of projects I can deploy for free on Vercel. I'll try deployment on Heroku next. Thank you!

Community feedback

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