Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
7
Jirayu Supasil
@jsupasil

All comments

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

    I didn't need any help with any part of the website besides placing the quotations image on the first card.

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

    I couldn't figure out a way to place the quotations image, after some time I found a solution somewhere on the Internet.

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

    None.

    Responsive page made with grid using CSS Tailwind

    #tailwind-css
    1
    Jirayu Supasil•110
    @jsupasil
    Posted about 1 year ago

    Nice work, not only the features match to the design, but your code is also well-structured and correspond with semantic tag (actually, it's perfect). I will be looking forward to learning from your code and your next project!

  • Ali Osman•80
    @aliosmanbaskurt
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    in my other projects I will focus on heights and widths. I am happy with my Tailwind usage.

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

    The separate flexboxes in the flexbox were a bit challenging.

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

    Four card responsive master page

    #tailwind-css
    1
    Jirayu Supasil•110
    @jsupasil
    Posted about 1 year ago

    Very well with semantic tag and also good structure and complete all features

  • Needler•170
    @NeedlerNeedler
    Submitted over 1 year ago

    Perfume Preview Card

    1
    Jirayu Supasil•110
    @jsupasil
    Posted about 1 year ago

    very good, class name are appropriate. Well structure, readable

  • T3chfuzion•90
    @T3chfuzion
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Trying to get a table to establish

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

    For some reason, all my sections were not lining up properly. I look through some documentation but nothing was working

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

    Aligning my sections to flow better

    Recipe Page

    1
    Jirayu Supasil•110
    @jsupasil
    Posted about 1 year ago

    very good. The code is structure and class-names are clear. I recommend try using semantic tag such as <main> and <footer> too

  • Mozahedul•180
    @Mozahedul
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I know how to center an HTML element differently by using flexbox, grid, position: absolute, etc. Next time I will try to solve the problem by writing less code.

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

    The only challenge I have faced in adjusting the actual color with the elements.

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

    This project helped me to write a social media section in a large project.

    Social Links Profile

    1
    Jirayu Supasil•110
    @jsupasil
    Posted over 1 year ago

    Good work, perfect! You use sematic tag and proper class name.

    However, the code might use repetitive css value. You might like this, CSS valuable. https://www.w3schools.com/css/css3_variables.asp

    I think it is very useful to call back any properties value that we use often in a project.

  • MajidJokhio•20
    @MajidJOkhoi
    Submitted over 1 year ago

    blog-preview-card-main

    1
    Jirayu Supasil•110
    @jsupasil
    Posted over 1 year ago

    The alignment is not at the center. You can try using flex box and justfy+align center. You can use shadow box to add shadow at side of the container.

  • Gabriel Santana•20
    @gabrielsapassos
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm very proud of the fact that I was able to make the site without any problems and I'd do things differently next time, I'd make the site more responsive.

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

    For some reason I couldn't center the white square at first. But over the course of development it was fixed.

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

    For now, with JavaScript, but that's not the case for this particular site. In the future, after learning Next.js, I plan to move on to the back-end using Rust.

    Resposive website using flex display

    2
    Jirayu Supasil•110
    @jsupasil
    Posted over 1 year ago

    Very good, the components are fit to the prototype. From my personal opinion, i would prefer the bottom component have the same background color as the task. It will make the page look smoother. However, the work is perfect!

    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

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