Skip to content
Submitted about 1 year ago

Fylo Storage component with Next.js and Tailwind CSS

Angelo Ilardi•240
@angeloilardi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

I love Tailwind CSS but sometimes its limitations can be a pain in the neck. Tailwind doesn't support dynamic classes out of the box. I was hoping to make the progress bar width dynamically adjustable based on the storage left but I had to resort to use the style attribute in JSX instead. Overall a great challenge to practice CSS positioning 😍

Community feedback

Please log in to post a comment

Log in with GitHub

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