Skip to content
Submitted about 2 years ago

Banking Landing Page using Flex-box and Grid in CSS3

Jumagobe•1,050
@Jumanjigobez
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

Done it. The trickiest part as of me in this challenge are:

  1. image overlay on another image background at section containing the smartphone images...But I tried my best on css knowledge :)

  2. Changing the colors of the svg images. I tried my best but only inverted the color to grey I think. Check out on the footer you will see opposite color than for the design challenge. I would appreciate if someone helped me here on changing the color to preferred one.

Anyhowz, Thanks for viewing this and liking my solution. #Jumanji

Community feedback

  • daniel•180
    @d2ni3lPosted about 2 years ago

    To change the color of the "footer logo" create a new SVG file identical to your previous one and then change the fill attribute to #ffffff

    1
    Jumagobe•1,050
    @JumanjigobezPosted about 2 years ago

    @d2ni3l Sorry to ask but to clarify is it by using javascript or?

    0
    daniel•180
    @d2ni3lPosted about 2 years ago

    @Jumanjigobez no not at all you just need to create a new SVG file

    0

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