Skip to content
Submitted about 1 year ago

Responsive Card Component

Reda amjad•30
@dodo123G
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

I like This Challenge But Very Easy I Find Some Struggles about Poisition in Css

Community feedback

  • Toms Stals•80
    @ph4ntom5Posted about 1 year ago

    Hi, DODO123G’S.

    Well done on your Responsive card component project.

    Regarding the issue with positioning the background circle shapes, one method could be:

    Setting the parent (.container class) position to relative and having two circle image shapes position set to absolute. Then position the circle shapes according to the design using (top,right,left,bottom) properties.

    Hope it helps. Happy coding!

    Toms

    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