Skip to content
Submitted about 2 years ago

Responsive Profile Card Component

Draco•160
@dracowarz
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 have completed the "Profile card component" challenge and have submitted the solution. If anyone has noticed that my CSS code has a comment called "Firefox Browser" in the media query, that was because Google Chrome and Firefox show different views. Anyone is welcome to check my solution and leave feedback to see whether there are any parts I need to improve this solution.

Community feedback

  • Lucas 👾•104,400
    @correlucasPosted about 2 years ago

    👾Hello Draco, congratulations for your new solution!

    Your solution is really good, even the background that was the hardest part you did good. The only thing that you really need to change is the box-shadow thats too dark and strong.

    Use this value instead box-shadow: 5px 5px 15px 5px rgb(0 56 49 / 14%);

    If youre not familiar box-shadow try to use this tool to create your shadows : https://www.cssmatic.com/box-shadow

    👋 I hope this helps you and happy coding!

    Marked as helpful
    1
  • Jaybae•20
    @Jenny3094Posted about 2 years ago

    Good job

    1

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