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

Jirayu Supasil

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

  • Testimontial grid section with Tailwind css

    #tailwind-css

    Jirayu Supasil•110
    Submitted about 1 year ago

    semantic tag


    1 comment
  • Four cards feature responsive with css

    #tailwind-css

    Jirayu Supasil•110
    Submitted about 1 year ago

    about semantic tag


    0 comments
  • Results Summary Components by tailwind with responsive and gradient

    #tailwind-css

    Jirayu Supasil•110
    Submitted about 1 year ago

    semantic tag


    0 comments
  • Responsive product preview component using tailwind framework


    Jirayu Supasil•110
    Submitted about 1 year ago

    About semantic tag


    1 comment
  • Recipe page with ordered and unordered list


    Jirayu Supasil•110
    Submitted about 1 year ago

    About how can i improve my semantic code


    1 comment
  • Responsive social links profile by traditional CSS


    Jirayu Supasil•110
    Submitted about 1 year ago

    About proper comment on code.


    1 comment
View more solutions

Latest 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 about 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 about 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 about 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 about 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 about 1 year ago

    blog-preview-card-main

    1
    Jirayu Supasil•110
    @jsupasil
    Posted about 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.

View more comments
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