Skip to content
Submitted about 4 years ago

Mobile first, SCSS and Javascript landing page bundled with Vite.JS

Karim•590
@yasssuz
A solution to the Digital bank landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

The hero section, omg...

Very hard! I was dealing with overflows, z-index, a lot of stuff that complicated everything lol! But that's it, I feel way more comfortable working with that weird stuff now.

But overall, I liked the final result. What do you guys think?

Code

Please log in to post a comment

Log in

Community feedback

  • Yashasvi Singh•890
    @aUnicornDev

    The footer is a little misaligned. The *Request Invite * button is pushed towards right because of the grid-template-columns:1fr 8fr 1fr; and because the .footer__navbar is using justify-self:left;.Using justify-self:center will work.

    On tablet and mobile screens, the Hero section headline is pushed down too much. You can use a margin-top:-80px; on .hero__text-area.

    Marked as helpful
  • eagermonument81•210
    @ixtk

    Very clean, I love it. Make sure to check the report and fix the issues though

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