Skip to content
Submitted about 3 years ago

Easybank Landing Page with Tailwind.css and Alpine.js

accessibility, tailwind-css
Wendy•2,130
@wendyhamel
A solution to the Digital bank landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Pfew, a lot of layout shifts! Nice practice for complicated layouts with background images, grids and overlapping sections.

Code

Please log in to post a comment

Log in

Community feedback

  • Anna Leigh•5,135
    @brasspetals

    Hi, Wendy! 👋 Nice job on this one! It responds great, which I know was definitely tricky. 👍

    I know next to nothing about Tailwind and Alipine, so I can't comment on your use there. However, poking around the layout I managed to find a few minor things to improve on:

    • I believe the desktop nav links have a gradient on the bottom in the design - not just green. Although there are a few ways to achieve this, I suggest looking into the border-image property in combo with a linear-gradient.
    • The article titles should be links with a green hover state.

    Like I said, very minor stuff. Again, great job on this one! 😄

    Marked as helpful

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