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

Fabricio Rivera

@FabricioRivera202190 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

  • intro component with signup form master


    Fabricio Rivera•90
    Submitted over 3 years ago

    1 comment
  • article-preview-component-master


    Fabricio Rivera•90
    Submitted over 3 years ago

    0 comments
  • social proof section master


    Fabricio Rivera•90
    Submitted over 3 years ago

    1 comment
  • profile-card-component-main


    Fabricio Rivera•90
    Submitted over 3 years ago

    1 comment
  • faq-accordion-main


    Fabricio Rivera•90
    Submitted over 3 years ago

    0 comments
  • 3-column-preview-card-component-main


    Fabricio Rivera•90
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Web Wizard•5,690
    @rsrclab
    Submitted over 3 years ago

    Profile Card Solution

    3
    Fabricio Rivera•90
    @FabricioRivera2021
    Posted over 3 years ago

    Hey, good solution, how do you do to make the 2 backgrounds circles to stay in the center, i couldnt do that.

  • Fabricio Rivera•90
    @FabricioRivera2021
    Submitted over 3 years ago

    Order summary component

    3
    Fabricio Rivera•90
    @FabricioRivera2021
    Posted over 3 years ago

    Hi Thank both of you for the feedback, i really appreciate it. I made the changes to the css file to see if it fix the issues with the touching of the card on the mobile version. And change the background, the property max-width was really helpfull thanks. I think is better now, its not a 100% match though.

  • Ty•70
    @ItsIchi
    Submitted over 3 years ago

    Responsive Card Component with Active states using CSS grid

    3
    Fabricio Rivera•90
    @FabricioRivera2021
    Posted over 3 years ago

    I ran into trougles with the hover image too, dont know if its a better way but i lower the opacity of the image in the hover, and put cyan on the container of the image and show the eye with a background image.

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

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