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

Using HTML & CSS

@ShaFreak95

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


Any feedback on my scripts will be appreciated!

Just wondering, why my profile-card suddenly has a bit of transparency? I tried to figure out why but I seemed to not find the reason why.

Community feedback

@hassanahmadp

Posted

Well done Shafiq!

You have done a great job. Here are a few suggestions for you:

  • You should use only those font-weights which are recommended in the style-guide.md.
  • For adding a background color you don't need to make a separate div and give it a background-color (correct me if I am wrong).
  • Give the body a height: 100vh; and width: 100vw; and there is no need to have a div classed background and if it is necessary then you can give it height: 100%; and width: 100%;.

Other than that everything is done perfectly... I have also done this project... Here is the link to that have a look and give me suggestions too.

1

@ShaFreak95

Posted

@hassanahmadp hey Hassan, thank you so much for the tips! I'll make a note of that so I will not do the same mistakes again!

I learned Web Dev from a course in Udemy and the instructor recommends to practise what I've learned (not completing it yet because I want to practise my HTML and CSS) so far here. The suggestions that you wrote here aren't covered by her (yet?) so I appreciate these inputs :D

Thank you once again!

1

@hassanahmadp

Posted

@ShaFreak95 Hello Shafiq!

The suggestions which I have given you are not taught in any of the courses but you learn them by having bad time experiences when you spend hours and hours to solve a bug and then it comes out to be a stupid mistake 😂. At that time you realize that I am definitely not going to repeat that mistake. And that's how learning happens.

One more thing, Is the Udemy course that you are taking is a sort of Bootcamp? If yes then they are just not going to tell you much. For HTML and CSS only, I found This course the best so far...

Keep Working, Regards.

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