Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
1

elidrc

@elidrcTijuana, Mexico80 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Four card feature section solution (HTML, CSS, Mobile First)


    elidrc•80
    Submitted over 2 years ago

    0 comments
  • Porfile Card Component (HTML, CSS, Mobile First)


    elidrc•80
    Submitted over 2 years ago

    1 comment
  • 3-Column Preview Card Component Solution (HTML, CSS, Mobile First)


    elidrc•80
    Submitted over 2 years ago

    1 comment
  • Stats preview card component (HTML, CSS)


    elidrc•80
    Submitted over 2 years ago

    1 comment
  • Frontend Mentor - Order Summary Card (HTML, CSS)


    elidrc•80
    Submitted over 2 years ago

    0 comments
  • NFT preview card component solution (HTML, CSS)


    elidrc•80
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Ar•460
    @abdmud
    Submitted over 2 years ago

    Profile Card Component

    1
    elidrc•80
    @elidrc
    Posted over 2 years ago

    Hi @abdmud,

    Good solution, here you have some feedback:

    • Try to use the background css properties instead of img tag.

    • Use main tag to contain the card component.

    • Try to use the follow structure for the card component:

    <article class="card"> 
          <div class="card-header">
          </div> 
          <div class="card-body">
          </div>
          <div class="card-footer">
          </div>
    </article>
    
    • Try to use rem unit measure instead px here you can find a good explanation of why use the rem unit.

    I hope this help you to improve your code. Happy codding.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub