Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile Card Component (HTML | CSS)

Cheosphere 1,040

@Cheosphere

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


...made with a lot of love 🤘🏻🙂

Community feedback

@Swati7819

Posted

Hi Cheosphere! Thankyou for such a valueable solution, your coding skills always inspire me to push more. I tried doing this challenge using z-index and position attributes, but I am not able to do it. Your grid approach provides me a clear approach to it. It will be very much appreciated and valued if you can explain a bit as how you approach it using grid. Thanks a lot.

1

Cheosphere 1,040

@Cheosphere

Posted

Hello @Swati7819, thank you very much for your kind comment. I am glad to know that my way of development has been of help to you, and indeed in this challenge I used the grid system for the arrangement of the elements of the card. So that you can understand and go deeper into the CSS grid system, I recommend that you review the following article:

A Complete Guide to CSS Grid

It is a very complete guide that helped me a lot, I am sure it will also be very useful for you.

Thank you so much! A hug!

1

@Swati7819

Posted

@Cheosphere Thankyou so much ! Will definitely go through this article. Cheers !

1

Please log in to post a comment

Log in with GitHub
Discord logo

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