Skip to content
Submitted almost 3 years ago

Profile card component using HTML and CSS

Brittany Shaw•10
@bshaw928
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my first challenge, I know it's not 100% exact but I did my best. The table width wasn't working in my css file, I had to add it inline in my html file for some reason. Any feedback would be appreciated. Thanks for checking this out!

Community feedback

  • Ivan Mercedes•270
    @DraghonitePosted almost 3 years ago

    Brittany, this was a brave attempt for your first challenge; keep it up. I tackled this one 7th and still found it challenging due to the background images: it calls for placing 2 background images on the same element, which already isn't your everyday task, but then also requires careful placement of the backgrounds.

    I would highly recommend looking into CSS Flexbox and Grid to kick your layout skills up a notch and to ditch using tables for layout; this will be an important skill as you move up in the challenges.

    https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/complete-guide-grid/

    Marked as helpful
    0
    Brittany Shaw•10
    @bshaw928Posted almost 3 years ago

    @Draghonite Thanks so much for the feedback, I really appreciate it! I will look into CSS Flexbox and Grid.

    0

Please log in to post a comment

Log in with GitHub

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