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 with SASS, BEM, Flexbox & CSS Grid

@FerdinandoGeografo

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


What challenges did you encounter, and how did you overcome them?

In this challenge I focused a lot on:

  • The organization of partial Sass files according to the 7-1 pattern;
  • The use of BEM as a naming convention for style classes.
  • I also experimented a different approach to handle the responsiveness of the page using a mixin for a greater readability.

Any feedback is appreciated, happy coding everyone!! :)

What specific areas of your project would you like help with?

  • I would like to further improve on managing the responsiveness of the design, especially related to images.

  • In the end, there is always room for improvement regarding the organization and reusability of style classes, making full use of various patterns explored in depth during my studies.

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