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 using HTML-CSS

LuchoUrtubeyā€¢ 20

@LuchoUrtubey

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Aditya Pratapā€¢ 150

@aditya3284

Posted

Hey Lucho, good job

I too submitted my solution for the same challenge, and found your's in my feed.

Your solution looks great however I think that their can be some modifications.

šŸ‘‰ body can use a min-height:100vh, which will make it take the whole screen's height.

šŸ‘‰ And also instead of using margins to position the card element at the center of the screen, utilize display:grid; or display:flex and then use property like place-items.

I hope this helps you.

Cheers

Happy coding šŸ‘

Marked as helpful

0

LuchoUrtubeyā€¢ 20

@LuchoUrtubey

Posted

@aditya3284 hi! I followed your advice about the body and modified it. check it out.

I will work on the display

thanks!

0
Aditya Pratapā€¢ 150

@aditya3284

Posted

Hi @LuchoUrtubey

I checked your preview and it's much better now, just give some love to the card element too, by using another method to center it on the screen.

Really enjoyed interacting with you. (ā—'ā—”'ā—)

Happy Coding šŸ‘.

0

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