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 Solution by Charles Barros

@charbavito

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


Hello Frontend Mentor fellowsšŸš€

This is another one of my solutions for the HTML and CSS only Challenges.

Again to solve this challenges I've been using SASS to compile the CSS, VSCode to coding and Git to versioning.

Feel free to review the project and/or give me some feedback šŸ˜‰

Cheers!

āœŒļøšŸ˜Š Charles Barros

Community feedback

Account Deleted

Hi Charles Barros. Congrats on completing this challenge. šŸ„³šŸŽ‰

In your html code I didn't find any problem. Your code is very good, congrats šŸ„³šŸ’Æ.

Your css code is also very good, but it can improve a bit, you can use a popular reset to avoid the default styles of the browser, and your reset will be more efficient šŸš€.

Here are some popular resets:

Your solution is very good, good job. šŸ’ÆšŸ„³

Happy coding! āœŒļø

Marked as helpful

1

@charbavito

Posted

Hello man āœŒļøšŸ˜Š I really appreciate you time to review my solution and to give me this advices šŸ¤— As you saw on my code, I'm only using the basic reset for css like this following chunk:

* { margin: 0; padding: 0; box-sizing: border-box; }

and also a simple reset of font size on html selector to facilitate the 'em' size manipulations along code.

html { font-size: 62.5%; }

I'm a begginer in this frontend carrer and I trying to undestand the main challenges that comes when I didn't use too much resets. But I'll for sure take a look on this references that you give and try to incorporate in my next projects when the problems show up. šŸš€

thank you very much bro

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