Skip to content
Submitted almost 4 years ago

Panel Card using HTML / CSS.

Ramon•130
@ramonrp
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

My first project in Frontmentor! I enjoyed a lot doing it. I struggle a little bit with bakground pictures. I added them as content but I think should be easier to add them as background from CSS.

Any feedback is more than welcome!!

Thanks!

Community feedback

  • Emmilie Estabillo•5,540
    @emestabilloPosted almost 4 years ago

    Hi Ramon, well done on your first submission! It looks really close to the design. Adding the circles as background images is not only easier, but is the right thing to do in this case since they are completely decorative. You would also end up with less html as a bonus. I also suggest looking into more semantic html structure for your next project instead of using a lot of divs.

    Hope this helps :-)

    0
    Ramon•130
    @ramonrpPosted almost 4 years ago

    Thanks!!

    I'll look into it for next projects. Normally when is a bigger web or with more parts, I tend to use more sintactic html and split the web in different parts. In this case is a single card I used most of the time divs.

    Thanks for your reply !!

    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