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

foo-lin-xuan

@foo-lin-xuan30 points

I am learning frontend development and aiming to work as a developer eventually. I would greatly appreciate any tips and feedback!

Latest solutions

  • Social links profile using Flexbox


    foo-lin-xuan•30
    Submitted 9 months ago
    1. Why does body not have bottom padding when the viewport height is smaller than the card height? Similarly for right padding with viewport width and card width.

    2. In the Figma file, the transition/interaction has 'Animation' (set to Dissolve) and 'Curve' (set to Slow) settings. Are there any resource/references on how to translate these to CSS?

    3. I would love to receive feedback on any good practices to have, and improvements that I can make.


    1 comment
  • Blog Preview Card


    foo-lin-xuan•30
    Submitted 9 months ago

    I would appreciate feedback on any flaws in my code and suggestions for a better implementation. What would you have done differently for this challenge?


    1 comment
  • QR code


    foo-lin-xuan•30
    Submitted about 1 year ago

    1 comment

Latest comments

  • elise•30
    @elisecomputing
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    This was fun to do! I customized it to me

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

    I am getting but at the hover effect!

    Social links profile

    4
    foo-lin-xuan•30
    @foo-lin-xuan
    Posted 9 months ago

    Great that you are having fun!

  • Ben Adair•20
    @beninseattle
    Submitted 9 months ago

    Blog preview card vanilla html and css

    1
    foo-lin-xuan•30
    @foo-lin-xuan
    Posted 9 months ago

    Your solution is very much similar to the design! However, there are a few details I spotted on the site. The hover effect should have been on the blog title instead. Also, on mobile, the card should be slightly smaller, along with a cropped image and smaller font sizes to fit in it.

  • Salik Seraj Naik•10
    @Salik-Seraj
    Submitted about 1 year ago

    Responsive landing page using flex box

    1
    foo-lin-xuan•30
    @foo-lin-xuan
    Posted about 1 year ago

    Hi!

    Your solution looks similar to the design but here are some details that you can improve on:

    • Round borders of the QR code image
    • Font (refer to style-guide included in your downloaded files for the project)
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