Skip to content
Submitted almost 4 years ago

Easybank using CSS flex and vanilla JS

Alice•100
@alicemac93
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Easybank landing page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hi guys, first of all thanks for feedback. I have encounter few challanges in this one.

  1. what is the best way to position or work with scaling background images or even images like the phones in the intro and its background - for responsivity?

  2. how do i change the color of svg logo in the footer? I tried fill but it wasnt working (the same for hovering over social media icons - i tried hover and fill but still it didint work.

Thanks!

Community feedback

  • Web Frog•1,840
    @MasterDev333Posted almost 4 years ago

    You did an amazing work.

    1. You can use pseudo elements for the responsive background. https://www.frontendmentor.io/solutions/profile-card-xRCu-QVRG As you can see this example, I used ::before, ::after elements to draw responsive background.
    2. You can't fill when you load svgs with img element. I suggest you to use svg elements, then you can change fill color when you hover. https://www.frontendmentor.io/solutions/article-preview-component-OE8kwEIQC You can check social icons in this solution. Hope this helps. Happy coding~
    1

Please log in to post a comment

Log in with GitHub

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