Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
2

Fhero

@fhero2030Balanga City, Bataan110 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

  • REST Countries

    #react#react-router#typescript#tailwind-css

    Fhero•110
    Submitted over 2 years ago

    0 comments
  • News Homepage using React + Typescript

    #typescript#react

    Fhero•110
    Submitted over 2 years ago

    1 comment
  • Job listings with filtering

    #material-ui#next#react#typescript

    Fhero•110
    Submitted over 2 years ago

    0 comments

Latest comments

  • Semih Rodoplu•50
    @SemihRodoplu
    Submitted over 2 years ago

    3 Column Card

    3
    Fhero•110
    @fhero2030
    Posted over 2 years ago

    It looks good to me. If you want any improvement I think having more padding inside the card should make the difference but the mobile responsiveness is not there. This can be solved if you apply layout using a flex or grid.

  • Dustin Soos•60
    @dustinsoos
    Submitted over 2 years ago

    Responsive Perfume Card using HTML/CSS

    2
    Fhero•110
    @fhero2030
    Posted over 2 years ago

    I think you should make the width of the add to cart button to 100% and add just a little bit of space to left of card. Also improve the spacing of "PERFUME" you can do that using "letter-spacing: {pixel}" and also adjust font title and price of the card. I also look into your css and it looks like all font in the design have the same family so you should be able to fix that by moving the font-family into the body element.

    Marked as helpful
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