Skip to content
Submitted about 2 years ago

Responsive Preview Card using Next.js and TailwindCSS

next, react, tailwind-css
CamronWithrow•120
@CamronWithrow
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This project was my first time using React, Next, and Tailwind... so a lot of new tooling and ideas.

In particular, I'm unsure about best practices when using Tailwind and custom colors that aren't really part of the app's theming (here, the background colors of the cards). I extended the colors from tailwindconfig.js, but I'm interested in hearing if there is a more correct way to handle this.

I'm also interested in general tips using React and/or Next.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Steve•1,170
    @peanutbutterjlly

    Hi 👋,

    good job on completing your challenge.

    I've used tailwind on a few side projects and I usually extend the colors in the tailwindconfig.json as well; whether thats the best practice or not idk but I did the same if it helps 😅

    this is a question for YOU - did you like working with Next.js? I've never used it - I've tinkered with React and like Gatsby but I've heard a lot of nice things about Next.js that make me interested.

    Once again, good job with your solution. I think everything is spot on and good job

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord