Submitted over 1 year ago

Easybank Landing Page Master's Solution | Responsive | Mobile-first

#accessibility#semantic-ui

ROCKY BARUA• 1,090

@Drougnov

Preview site View code

This is a solution for...

Easybank landing page

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Another intermediate challenge done.

This challenge was pretty fun and simple except for the header-img part. But after a few hours of headache, I managed to position it correctly. Would love some review on this.

Somethings that I added:

Transitions on scroll/viewpoint.
Animated preloader
Animated hamburger
Sticky navbar

Community feedback

Travolgi 🍕• 31,480

@denielden

Posted over 1 year ago

Hello Rochy, You have done a good work! 😁

Amazing animation of the opening pannel menu in the mobile.

Only 2 little tips to improve your code:

use header tag to wrap only the navbar and improve the Accessibility
use article tag instead of a simple div to the container card of last articles section for improve the Accessibility

Keep learning how to code with your amazing solutions to challenges.

Hope this help 😉 and Happy coding!

Marked as helpful

Please log in to post a comment

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