Submitted almost 3 years ago

Profile card component with no responsive added to it

@madhu050700

A solution to the Profile card component challenge

Solution retrospective

This is project was done before I properly started learning the html and CSS. Just wanted to post it without doing any modification. #firsteverchallenge.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

faizan•2,420
@afaiz-space
Posted almost 3 years ago
Hey @madhu050700, congratulation on completing the challenges. I noticed many issues in your project.
- circle background images used in the body element of the CSS file. this gives better results.
- maybe no need to position property in this project. you can without using the position property
Prince Roy•1,210
@iprinceroyy
Posted almost 3 years ago
That's excellent work @madhu050700. I would suggest some points here:
1. Always use a separate CSS file to write CSS rules & then attach that file to HTML using the link tag. <link rel="stylesheet" href="css-filename" >
2. correct CSS rule for box1 background to avoid that gap between border of the card & box .box1{ width: 100%; }.
3. semantic HTML markup for the body to avoid accessibility issues
```
<body>
     <main>
          Your content...
     </main>
</body>


I hope it adds to your learning, Happy 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