Skip to content
Submitted over 1 year ago

Profile card component challenge Using FlexBox

Brian Wodu Oluohu.ā€¢50
@Bthedraft
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi there šŸ‘‹, Iā€™m Brian and this is my solution for this challenge. šŸš€ Any suggestions on how I can improve and reduce unnecessary code are appreciated!

I need help on how to fix multiple background images

Thank you. šŸ˜ŠāœŒļø

Community feedback

  • Karrar Husseinā€¢220
    @Karrar-HusseinPosted over 1 year ago

    In order to add multiple background images, you just need to write their urls in the background-image property and add a comma between the two images, just like this:

    background-image: url(images/bg-pattern-top.svg),
                  url(images/bg-pattern-bottom.svg);
    Marked as helpful
    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