Submitted almost 2 years ago

Profile card component with no responsive added to it

madhu050700• 50

@madhu050700

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

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.

Community feedback

faizan• 2,420

@afaiz-space

Posted almost 2 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 2 years ago

That's excellent work @madhu050700. I would suggest some points here:

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" >
correct CSS rule for box1 background to avoid that gap between border of the card & box .box1{ width: 100%; }.
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 :)

Please log in to post a comment

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