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 Challenge Solution

Sena 40

@ksenia790

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


I have just started learning programming through online courses. We recently completed the HTML and CSS topic(actually this course abt Python, but they include bit of frontend things in lessons) and I figured a little practice would be helpful. Lord, how difficult it turned out to be, even at the lowest difficulty level. In general, somehow I wrote the code, of course it(both the code and page) doesn't look very good, but I hope it will come out better and faster with practice.

Community feedback

@pikapikamart

Posted

Well we've all been there but like @Will-1-Am said, keep on coding. Just ask anything in here so that we can help you regarding about your questions^

1

Sena 40

@ksenia790

Posted

@pikamart thank you.

1

@Will-1-Am

Posted

The card div doesn't actually contain anything and might, at least partially, explain the appearance of the card. I totally sympathise with you regarding the difficulty and you will get to where you want to be in time. Keep on coding and support others too!

1

Sena 40

@ksenia790

Posted

@Will-1-Am thank you for support. Yes, I'll keep going.

1

@Will-1-Am

Posted

Hey Sena, Check your report above for the HTML errors. It is a quick and easy fix to the HTML for "Duplicate ID a". This can be fixed by updating the id in the bottom image SVG code to "b" where it is declared and called. That should clear the error for you.

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