Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
8
John Pugh
@JohnPugh688

All solutions

  • Responsive Space Tourism Site with Remix and Tailwind CSS

    #react#remix#tailwind-css#typescript

    John Pugh•370
    Submitted about 2 months ago

    I'd love feedback on my implementation of the image optimization components - particularly how I handled the responsive image loading strategy. Could this be more efficient? Also, I'm curious if my approach to error handling with the custom ErrorBoundary component is following best practices. Finally, I'd appreciate input on my state management for the tabbed interfaces (especially on the destination page) - is there a cleaner way to handle the transitions between content without the setTimeout approach I used? Any suggestions for improving performance further while maintaining the design would be really helpful!


    0 comments
  • Manage-Landing-Page using Tailwind Css and Javascript

    #tailwind-css

    John Pugh•370
    Submitted 10 months ago

    Let me know if there's a better way to get the slider to work, perhaps you can use tailwind for this?


    0 comments
  • Fylo Landing Page

    #tailwind-css

    John Pugh•370
    Submitted 11 months ago

    How to add a success message for email validation. I tried but couldn't get my head around it. Maybe as this was an afterthought and i didn't want to mess up my javascript


    0 comments
  • Intro section with dropdown navigation using Javascript & Tailwind Css

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    I don't honestly think anyone can help me when it comes to Javascript it just doesn't make sense to me yet. I find it hard to get things in the correct order and get confused and overwhelmed.


    0 comments
  • Faq accordion using tailwind css and Javascript

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    If someone knows how to add a transition to the drop down accordion using tailwind css please drop me a message. thanks in advance


    2 comments
  • Recipe page using Tailwind css html5

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    hard to get everything to match the original design with tailwind but i think i got it close?


    0 comments
  • Tip Calculator App with tailwind css and Javascript

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    Im not going to pretend to be good at Javascript. I work full time and have to children so getting free time to learn frontend development is a challenge for me. If this was my full time job i think i would adapt and improve massively. but a few hours a night has got me this far. Javascript is for me a real challenge.


    1 comment
  • Time Tracking Dashboard

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    Im not sure how semantic this ones going to be as i think i might have used divs more than i maybe should have. interested to know if anyone has any better ways to do this to make it easier to understand.


    1 comment
  • Article Preview Component working with Javascript

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    Honestly i would just love to know if the way i have went about this was a good enough way of doing it so as always please give me your advice.


    1 comment
  • Testimonial Grid Section using Tailwind css Grid & Flexbox

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    Im always open to constructive criticism. Please don't hesitate to let me know what i can do better mainly to reduce the amount of code perhaps needed?


    1 comment
  • Four card feature section using Grid and Flexbox

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    If theres a better way to lay this out let me know as i may be over complicating things.


    0 comments
  • Product preview card using Tailwind Css Flexbox and Grid

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    I think i've got the Html correct but open to suggestions if i've made any mistakes


    0 comments
  • Newsletter challenge using TailwindCss and Javascript

    #tailwind-css

    John Pugh•370
    Submitted about 1 year ago

    I would love to know what others use to link the html to the javascript when working with tailwind css as i find with all the classes you add with tailwind it makes more sense to get it with an id but you can only have one id and numerous class names. what is the common practise amongst developers using Tailwind css?


    2 comments
  • Pricing component using ReactJS and TailwindCSS

    #tailwind-css#react

    John Pugh•370
    Submitted over 1 year ago

    0 comments
  • Tailwind CSS, Flexbox, Javascript

    #tailwind-css

    John Pugh•370
    Submitted over 1 year ago

    1 comment
  • Responsive Testimonial solution using flex-box


    John Pugh•370
    Submitted over 1 year ago

    0 comments
  • Single Price Grid Component using Tailwind CSS

    #tailwind-css

    John Pugh•370
    Submitted over 1 year ago

    0 comments
  • Blog preview card using Tailwind CSS

    #tailwind-css

    John Pugh•370
    Submitted over 1 year ago

    2 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

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