Submitted almost 4 years ago

Mobile first site using Gatsby and TailwindCSS

Alex• 1,990

@AlexKMarshall

Preview site View code

This is a solution for...

Pricing component with toggle

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

First time trying out tailwind. It made this mostly pretty straightforward, but I couldn't work out a way of avoiding duplication when styling the middle price with different colors to the others.

If anyone has any suggestions on how to make that more reusable, I'd be very interested.

Community feedback

Please log in to post a comment

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