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

All comments

  • Eric Seall•160
    @EricSeall
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I managed to figure out how to add an animating shadow upon hovering on a link! Next time though I'll be more intentional about using "em" and "rem" for sizing more so I don't have to redo as much when making changes.

    What challenges did you encounter, and how did you overcome them?

    The hardest parts of this one were figuring out how to crop the non-square image (ended up using clip-path with a circle) and centering each of the elements. "margin: 0 auto" didn't work for everything so I ended up using flex for some elements.

    Social Links Profile using React + Vite

    #react#vite#typescript
    1
    RappyProg•30
    @RappyProg
    Posted 11 months ago

    looks much better than mine, well done

  • hiralinda•40
    @hiralinda
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I enjoyed learning how to deploy a Next.js App using Versel.

    What challenges did you encounter, and how did you overcome them?

    The most challenging thing for me was to go through Tailwind library and get used to their classes name, since I was more familiar with Bootstrap.

    Blog Preview Card using Next.js and Tailwind CSS

    #next#react#tailwind-css
    1
    RappyProg•30
    @RappyProg
    Posted 11 months ago

    Aside from the size of the card, several font and font-size that are different from the guide. I believe this is well made.

    Keep up the good work :D

  • P
    Darius•30
    @drrius
    Submitted 11 months ago

    QR Code Component

    #react#tailwind-css#next
    1
    RappyProg•30
    @RappyProg
    Posted 11 months ago

    This looks good, however i would point out some necessary adjustments:

    1. Margin
    2. Padding

    otherwise, well done

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