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

Firdaus

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

  • Product preview card component


    Firdaus•50
    Submitted 10 months ago

    1 comment
  • Recipe page


    Firdaus•50
    Submitted 10 months ago

    1 comment
  • Social links profile


    Firdaus•50
    Submitted 10 months ago

    1 comment
  • Blog preview card


    Firdaus•50
    Submitted 11 months ago

    1 comment
  • QR code component


    Firdaus•50
    Submitted over 3 years ago

    1 comment

Latest comments

  • nebiyoudawit•50
    @nebiyoudawit
    Submitted 10 months ago

    Recipe

    2
    Firdaus•50
    @firdaus3
    Posted 10 months ago

    Hi! Great job on this project! Here are a few suggestions

    • Use relative units: Consider using relative units like rem or em instead of px for better scalability across devices.
    • Match font colors: Adjusting the font colors to match the design will enhance the overall look.
    • Responsive design: The desktop layout is well done, but for mobile, consider making the images fill the screen width just like in the original design.

    I hope these notes are helpful

  • Mckaay•140
    @Mckaay
    Submitted 10 months ago

    Social profile links

    2
    Firdaus•50
    @firdaus3
    Posted 10 months ago

    Wow! Great job on matching the design so closely. I really liked your implementation. I tried doing the same but had some trouble getting the sizes exactly right

  • Sanya•350
    @Sanya-Zg
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud to have learned how to use some of the Figma tools while developing this project.

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

    I don't fully understand how fonts work.

    What specific areas of your project would you like help with?

    I need to figure out how fonts work after connecting.

    Page layout with partial usage flex

    2
    Firdaus•50
    @firdaus3
    Posted 10 months ago

    Hi Sanya-Zg, great job on this project! You've done a really good job implementing the design

    Areas to Improve

    • Try using relative units like rem or em instead of px to improve responsiveness and scalability
    • Add smooth transitions to hover effects for a more interactive feel.

    Great work overall! 👏

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