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

Rafi Naufal

@raffnrIndonesia20 points

Hi everyone👋 my name is Rafi Naufal and I hate javascript with all my guts.

Latest solutions

  • blog preview card using tailwind css

    #tailwind-css

    Rafi Naufal•20
    Submitted 11 months ago

    1 comment
  • qr-code-component-main using tailwind

    #tailwind-css

    Rafi Naufal•20
    Submitted 11 months ago

    1 comment

Latest comments

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

    I was able to include the on hover transition effects provided in the figma design.

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

    The default shadows provided by tailwindcss is not able to fulfill the design requirements based on the given shadow specifics in the figma design. I had to add custom css for the relevant HTML elements in order to achieve that was specified in the design.

    Blog Preview Card

    #tailwind-css
    1
    Rafi Naufal•20
    @raffnr
    Posted 11 months ago

    nice

  • Daniel Theo•180
    @Moscart
    Submitted 12 months ago

    QR Code Card | Next.js + React.js + Tailwindcss

    #next#react#tailwind-css
    1
    Rafi Naufal•20
    @raffnr
    Posted 11 months ago

    The solution is already 99% identical to the original design. I just think you could lower the line height to better match the original design.

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