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

NatteeN

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

  • Social Link Profile


    NatteeN•70
    Submitted 11 months ago

    1 comment
  • Blog Card


    NatteeN•70
    Submitted 11 months ago

    2 comments
  • QR code component with HTML and CSS


    NatteeN•70
    Submitted 11 months ago

    There is any other way to make project like this with React or something else?


    2 comments

Latest comments

  • Jawad Mahmud•150
    @JawadM2002
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    What I was proud to do was be able to customising a social link profile and that it would redirect the user to a site of the profile, particularly from GitHub. What I can do differently is possibly include some icons to the social link buttons to give it more clarity.

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

    The challenging parts that I have encountered throughout this challenge are trying to shape the profile box and that I have had difficulty in making the profile photo look more circular. I have been able to overcome this by adding a few more padding and border radius, as well as preventing the photo's overflow by keeping it hidden. Despite these challenges, I still enjoyed developing and customising the social links profile.

    Social Links Profile created with HTML and CSS

    2
    NatteeN•70
    @NatteeN
    Posted 11 months ago

    Amazing work! You point to the right. Adding an icon for social will be make it more user friendly.

    Marked as helpful
  • P
    Ken•160
    @ubcyukiny
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Completing the project

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

    Inaccurate height and width in the content div, using the dev tools I found out its off by a bit pixels. After some digging, I had

    body {
    line-height: 150%
    }
    

    thinking, it would apply to every div normally, but it scales off the body font size I think, so the value was different when inherited to child divs.

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

    Would appreciate feedbacks on coding practices, code smells

    Responsive Blog Preview Card using html css

    1
    NatteeN•70
    @NatteeN
    Posted 11 months ago

    Great work!

  • AlexanderAlbrecht1•10
    @AlexanderAlbrecht1
    Submitted 11 months ago

    simple QR code component using basic HTML and CSS

    1
    NatteeN•70
    @NatteeN
    Posted 11 months ago

    Good solution even it a bit small when compare with the design. But the solution can present most detail that the design want.

    Marked as helpful

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