Skip to content
Submitted over 4 years ago

Responsive profile card component using Sass

Gorkem Basbug•310
@gbasbu
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How to make it better? Your feedbacks are most important to me. Thanks.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Franzockel•40
    @franzockel

    Hey, your solution is looking good.

    Just some tips:

    • you could place the background circles as background images in the body, since they're not content but decorative elements.
    • the positioning of the card itself could be done with display: flex; justify-content: center; and align items: center; I think this would be a better (or easier) solution, than the use of positioning absolute (my opinion 🤷‍♀️)
    • as you can see the report mentioned some html issues. You can use this validator to check your html and css: https://validator.w3.org/ I think it's pretty helpful because you not only see issues but the cause.

    I hope this helps :) keep on coding 🤙

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