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

Nhan Phan

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

  • Responsive using picture/media query


    Nhan Phan•50
    Submitted 28 days ago

    1 comment
  • Responsiveness with a flexcustom


    Nhan Phan•50
    Submitted about 1 month ago

    1 comment
  • Basic flexbox social links profile


    Nhan Phan•50
    Submitted about 1 month ago

    0 comments
  • Responsiveness using clamp


    Nhan Phan•50
    Submitted about 1 month ago

    0 comments
  • Absolute center


    Nhan Phan•50
    Submitted about 1 month ago

    1 comment

Latest comments

  • Mori•170
    @MoriNo23
    Submitted 28 days ago

    second react design - responsive flex to grid desktop images/imagesalt

    1
    Nhan Phan•50
    @niophan
    Posted 28 days ago

    excellent work!

  • AEO•160
    @Jayfx24
    Submitted about 1 month ago

    Recipe Page

    1
    Nhan Phan•50
    @niophan
    Posted about 1 month ago

    Great work!

  • Ridwan1234567890•30
    @Ridwan1234567890
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Impress by my execution time

    Social links profile

    1
    Nhan Phan•50
    @niophan
    Posted about 1 month ago

    I think it is missing display: flex in your .main-profile class (if you plan to center the whole object), and when you adjust the margin with difference values, it does not really match the design.

  • Vinh Le•180
    @vinhle-dev
    Submitted about 1 month ago

    Blog review card solution using Flexbox

    1
    Nhan Phan•50
    @niophan
    Posted about 1 month ago

    I checked your code, and i found out something for me to improve. I like the way you structure your div class. Great work!

  • OswyChow•20
    @OswyChow
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm happy that i was able to reference the Figma design file.
    Only thing i would do differently next time would be approaching the task in a more methodical way but that's something you learn by doing.

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

    Nothing of relevance.

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

    The areas where i think i fall short are:

    • Usage of semantic elements -- I'm not sure i always use the correct semantic elements.
    • CSS units -- i struggle on choosing the right units to be able to achieve a smoother transition to a responsive layout later.

    QR code component using plain html-css

    1
    Nhan Phan•50
    @niophan
    Posted about 1 month ago

    Great work!

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

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