Skip to content
Submitted over 3 years ago

My Solution to Profile Card Component Challenge HTML SCSS

Artur•145
@arturpawlowski5
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 All,

I am really new to coding and would appreciate any feedback!

This is my First Challenge Here.

I try to make this Challenge as close to the original but finally, I change some CSS to:

  1. Add borders,
  2. Add shadows,
  3. Make some small animations.

Right now I would like to make this project responsive.

Can you tell me:

  1. How to keep background circles in the same position when the viewport is changed to mobile?

Hope someone will be able to assist or point out the problem!

Thank you!

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Greetings, Artur! 👋

    Congratulations on completing your first Frontend Mentor challenge! 🎉 Nice job on this one! 👏

    I suggest adding and positioning the background images in this challenge using CSS background images. It'll keep those images out of your HTML, which will make your markup cleaner, and I think it's a little easier to manage the background images, then.

    If you want to keep the background images more or less in the same place when the screen is resized, try positioning the background images using viewport units. 😉

    Keep coding (and happy coding, too)! 😁

    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