Submitted almost 3 years ago

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

Karim• 590

@Galielo-App

Preview site View code

This is a solution for...

Easybank landing page

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

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?

Community feedback

Yashasvi Singh• 890

@aUnicornDev

Posted almost 3 years ago

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

Karim• 590

@Galielo-App

Posted almost 3 years ago

@aUnicornDev hi Yashasvi, thanks for your feedback :D

I will take a look at these design incompatibilities and I will commit them soon :)

Thanks again and happy coding ;)

eagermonument81• 210

@ixtk

Posted almost 3 years ago

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

Karim• 590

@Galielo-App

Posted almost 3 years ago

@ixtk Thank you :D

yeah I will take a look at the report and fix everything :)

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