Skip to content
Submitted over 1 year ago

Profile Card

I Putu Phillip Steven•150
@putuphillipsteven
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 a simple html, css, that yet responsive. The responsive in this code is just I change the font-size and make the width of the main-container 100%. The writing of this code i think is a mess. Maybe in the next day i will make it tidy.

Community feedback

  • Sachin•830
    @Sachin-MahatoPosted over 1 year ago

    The section element is being used incorrectly ⚠️ . and check this link how to use h1-h6 mdn For improved accessibility 📈 for your content, it is best practice to use em ✅ for media-queries. Using this unit gives users the ability to scale elements up and down, relative to a set value use this link to learn about media queriesCSS tricks

    Marked as helpful
    1
    I Putu Phillip Steven•150
    @putuphillipstevenPosted over 1 year ago

    @Sachin0000000 hi, thankyou for your reply, i will update and read the reference you give.

    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