Skip to content
Submitted about 3 years ago

Used bootstrap grid,css

Ekta Mishra•30
@codeekta28
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

Can anybody please help me how i set the background exactly like in preview, I noticed those two circles in background are placed diagonally but how?

Community feedback

  • Tamiliniyan S•610
    @iniyan-webPosted about 3 years ago

    Use absolute positioning to set the images diagonally.. Please refer the given link... stylesheet_link

    .bg-top { position: absolute; z-index: -1; top: -85%; left: -25%; }

    .bg-bottom { position: absolute; z-index: -1; top: 43%; right: -22%; }

    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