Submitted over 2 years ago

Pricing Component with Toggle - React, Tailwind CSS, Responsive Design

react, tailwind-css, vite, accessibility

Lucca Rodrigues•430

@ChromeUniverse

A solution to the Pricing component with toggle challenge

Preview Code

Solution retrospective

Hello FEM community! 😀

This is my solution to the Pricing Component with Toggle. This was my first challenge using Tailwind CSS, and I must say, I'm quite impressed with how much faster I was able to style the website using inline utility classes as opposed to regular semantic CSS! And using Tailwind in combination with React proved to be a particularly powerful experience by building reusable, fully styled components! 🔥

I don't have much to say other than that, this was a pretty straightforward design to implement! React also came in handy when adding some basic state management functionality.

I'll definitely be using a lot more Tailwind CSS in the challenges to come. Any feedback would be greatly appreciated! 😉

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Lucca Rodrigues's solution.

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