Skip to content
Submitted over 3 years ago

Profile Card with CSS grid

noble mutoko•40
@codeplayer12
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

Need help knowing how to position the bottom image without having to expand the view.

Community feedback

  • Ratna Kumar Singh•250
    @rks1995Posted over 3 years ago

    By bottom image did mean the background image?

    0
    noble mutoko•40
    @codeplayer12Posted over 3 years ago

    @rks1995 yes the background image

    0
    Malesela Kgobe•555
    @M-KgobePosted over 3 years ago

    @codeplayer12 Hi you can add the code:

    body{
 background-image : url('_'), url('_' ) ;
background-position: - 30% 150%, 150% - 130%;
background-size:700px 700px, 900px 900px;
background-repeat: no-repeat, no-repeat ;

    In the url you can add the paths of the images, and adjust the numbers as you see fit.

    Hope this helps

    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