Skip to content
Submitted over 3 years ago

Mobile First Approach

Sajana Wijesinghe•460
@StormKing969
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

If possible I'd like someone to show me how to make the background image appear just like the one in the picture (tried manually placing them).

Any feedback is welcomed/appreciated.

Thank You :)

Community feedback

  • darryncodes•6,370
    @darryncodesPosted over 3 years ago

    Hi Sajana,

    Great solution.

    I'm attempting this challenge at the moment. I think you could use a ::before and ::after pseudo selector to place the background image. [This is a useful article] (https://www.geeksforgeeks.org/how-to-place-background-image-using-before-pseudo-selectors-in-css/).

    If there is a more elegant solution you come across, i'd love to know more.

    Good luck!

    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