Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
22
Comments
10
P

tloyan

@tloyanVitry-sur-Seine275 points

Just Curious

Latest solutions

  • "Newsletter sign-up form | Next.js, Typescript, Tailwind Css

    #next#react#typescript#tailwind-css

    P
    tloyan•275
    Submitted 8 months ago

    1 comment
  • Article Preview Component | Next.js, Typescript, Tailwind Css

    #next#react#typescript#tailwind-css

    P
    tloyan•275
    Submitted 8 months ago

    1 comment
  • Meet Landing Page | Next.js, Typescript, Tailwind Css

    #next#react#typescript#tailwind-css

    P
    tloyan•275
    Submitted 8 months ago

    1 comment
  • Testimonials Grid Section | Next.js, TypeScript, Tailwind Css

    #next#react#typescript#tailwind-css

    P
    tloyan•275
    Submitted 8 months ago

    1 comment
  • Four Card Feature Section | Next.js, Typescript, Tailwind CSS

    #next#react#typescript#tailwind-css

    P
    tloyan•275
    Submitted 8 months ago

    2 comments
  • Product Preview Card Component | Next.js, Typescript, Tailwind CSS

    #next#react#tailwind-css#typescript

    P
    tloyan•275
    Submitted 8 months ago

    1 comment
View more solutions

Latest comments

  • konraddissake1808•150
    @konraddissake1808
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the way it visually turned out, and the readability of the code. There's nothing i wish to change for now on.

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

    Everything was straight forward, just reading the documentation and everything went smooth.

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

    Nothing really

    Newsletter sign-up page built with Next.JS, TailwindCSS, Shadcn/ui

    #react#shadcn#tailwind-css#next
    1
    P
    tloyan•275
    @tloyan
    Posted 8 months ago

    Nice work!

    There are a few subtle differences; the default font size should be 16px according to the design. ;)

  • Ehsan Tatasadi•1,800
    @tatasadi
    Submitted over 1 year ago

    Article Preview Component (Next.js, React, Tailwind)

    #next#react#tailwind-css
    1
    P
    tloyan•275
    @tloyan
    Posted 8 months ago

    Nice work! It made me realize I missed handling the click outside event. :D

  • P
    chelsea-here•160
    @chelsea-here
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I started the project trying to use Sass and Tailwind together. After running into many errors and researching best practices, I realized it would be better to simplify the project. In the future, I will keep in mind that over-optimization can often be a hinderance.

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

    Trying to offset the hero image as it splits for the desktop view was tricky. I had to go back to the basics and research positioning on mdn. It helped me devise a solution that was much simpler than what I'd had before.

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

    I feel pretty good about my solution. Any suggestions are welcome!

    Responsive Meet landing page using Next.js 14 and Typescript

    #next#typescript#react
    1
    P
    tloyan•275
    @tloyan
    Posted 8 months ago

    You’ve made an awesome solution!

    It makes me realize that focusing too much on the initial design can sometimes lead to unnecessary rules. I really enjoyed the breakpoints you chose and how you handled the responsiveness.

    Seeing your code reminds me that CSS modules can be much cleaner compared to Tailwind.

  • victor3spoir•170
    @victor3spoir
    Submitted 8 months ago
    What challenges did you encounter, and how did you overcome them?

    how use grid-item & css child selectors.

    fm-testimonial-card

    #react#vite#tailwind-css
    1
    P
    tloyan•275
    @tloyan
    Posted 8 months ago

    Hi, nice work!

    I think your breakpoint changes happen a bit too early. :)

  • hominhk3•80
    @hominhk3
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    dasd

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

    asd

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

    asd

    Four card feature section

    #tailwind-css
    1
    P
    tloyan•275
    @tloyan
    Posted 8 months ago

    Hi,

    Just a subtle difference 🥲

  • Mehrnaz Eftekhari•110
    @mehrnaz98
    Submitted 8 months ago

    Recipe page using Tailwind

    #tailwind-css
    2
    P
    tloyan•275
    @tloyan
    Posted 8 months ago

    Great work!

    However, be careful with the bullet markers in the unordered list, as they are not properly centered. To my knowledge, this can't be easily fixed with native markers or Tailwind's default utilities. :)

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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