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 Site with Pure HTML and CSS

@DammyShittu

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


This is my first submission. Reviews will be highly appreciated.

Community feedback

Fraser Watt 1,790

@fraserwat

Posted

With the background, I'd keep it static by using the background-image attribute, then working out the positioning based on that.

I'd also use the shadow-box attribute to get the design looking more like the original.

Looks great though - keep it up! 😎

0

@VictorPolouchine

Posted

Hey ! You did well there 😊 Be careful with your indentation, it would really help you (and the people you collaborate with) to have a well indented code that instantly shows parent and child nodes. There are also minor typos (missing closing tag on line 27 index.html) that you may easily fix 😁 Your css could be a bit more structured also, don't hesitate to add "headlines comments" like /***** DEFAULTS /, /* NAVIGATION *******/, and group selectors (h3 can be right above h3 span) to make them easier to find ! Keep going ! 💪

0

@DammyShittu

Posted

Thank you so much @VictorPolouchine. I would work on all these.

0
P

@MarkoNikolajevic

Posted

Hi Adedamola! As your first time you did a really good work!

Looking at your code I've some suggestions for you

  • <section id="details" is missing the closing >
  • you can add the lang attribute on the html tag like <html lang="en">

For the rest, your code is clear and understandable! Good job!

Keep on coding

0

@DammyShittu

Posted

Thank you for taking time out to check @MarkoNikolajevic. I'll fix the issues mentioned above right away.

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