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

Natthaphong Thongphueng

@DearNatthaphong200 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 landing page with hover state using Tailwind CSS

    #tailwind-css

    Natthaphong Thongphueng•200
    Submitted 11 months ago

    ...


    0 comments
  • Responsive Huddle Landing Page with Tailwind CSS and Flexbox

    #tailwind-css

    Natthaphong Thongphueng•200
    Submitted 12 months ago

    ...


    0 comments
  • Landing page using TailwindCSS and Flexbox

    #tailwind-css

    Natthaphong Thongphueng•200
    Submitted 12 months ago

    ...


    0 comments
  • Having issues with background-image in desktop-design.

    #tailwind-css

    Natthaphong Thongphueng•200
    Submitted 12 months ago

    Having issues with background-image in desktop-design.


    0 comments
  • Responsive page using Tailwindcss and Flexbox

    #tailwind-css

    Natthaphong Thongphueng•200
    Submitted 12 months ago

    ...


    1 comment
  • Having issues with drop-shadow in Tailwind CSS.

    #tailwind-css

    Natthaphong Thongphueng•200
    Submitted 12 months ago

    Having issues with drop-shadow in Tailwind CSS. Welcome to any suggestions.


    1 comment
View more solutions

Latest comments

  • Valeo•250
    @Thessssift
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Progress

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

    FlexBox grow

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

    Flex,Grid .

    testimonial-tailwind

    #tailwind-css
    1
    Natthaphong Thongphueng•200
    @DearNatthaphong
    Posted 12 months ago

    Does the solution differ considerably from the design? (bg-pattern-quotation image)

    Marked as helpful
  • Valeo•250
    @Thessssift
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    grid area

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

    configuring tailwind base

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

    responsive design

    four-cards-tailwind

    #tailwind-css
    1
    Natthaphong Thongphueng•200
    @DearNatthaphong
    Posted 12 months ago

    Does the solution differ considerably from the design?

  • Donovan Romero•100
    @nsvonod12
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud for completed the challenge

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

    No problems

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

    A bit with responsive design within containers

    Product preview card - Tailwind CSS

    #tailwind-css
    1
    Natthaphong Thongphueng•200
    @DearNatthaphong
    Posted 12 months ago

    Does the solution differ considerably from the design?

  • Nick•170
    @nickabate
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Was able to complete the challenge relatively quickly using Tailwind and rapid prototyping.

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

    Adding hover state required a better use of elements. Initially was using a button, but changed to an anchor tag to be styled like a button which is more semantic.

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

    Any additional recommended effects or Tailwind efficiencies would be appreciated!

    Social Links Profile - Next.js/Tailwind

    #next#react#tailwind-css
    1
    Natthaphong Thongphueng•200
    @DearNatthaphong
    Posted about 1 year ago

    Your code looks well-structured, readable and reusable.

  • Lidusan•120
    @Lidusan
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Next time, I would focus more on the initial planning and design phase. During the project, I realized that some of the features I implemented could have been more efficient if I had spent more time wireframing and prototyping. In the future, I plan to use tools like Figma or Adobe XD to create detailed mockups before diving into coding. This approach will help me identify potential issues early and ensure a smoother development process

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

    As a result, I was able to make the website fully responsive, enhancing the user experience significantly. This not only improved the functionality of the site but also increased my confidence in handling CSS for responsive design.

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

    I would like help with optimizing the performance of my React application. Specifically, I'm struggling with efficiently managing state and reducing unnecessary re-renders.

    blog page

    1
    Natthaphong Thongphueng•200
    @DearNatthaphong
    Posted about 1 year ago

    Your code is well-structured and readable but the solution include semantic HTML, doesn't it ?

  • Pauljd1•80
    @Pauljd1
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud I have completed this first challenge, I am proud of my code layout. I have been just learning some HTML, CSS and Java within the last month.

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

    Sizing and padding

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

    Understanding sizing and padding

    QR Soloution

    1
    Natthaphong Thongphueng•200
    @DearNatthaphong
    Posted about 1 year ago

    Your code is well-structured and readable but the solution include semantic HTML, doesn't it ?

    Marked as helpful
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

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