Fylo data storage component with tailwindcss

Solution retrospective
Greetings Front-end Mentor Community 👋
This is my first solution to this challenge and I decided to go tailwind CSS this time over SASS. The main reason being I wanted to compare the experience of using a CSS pre-processor over a CSS framework. However, I started to notice immediately that my HTML markup was getting quickly cluttered and increasingly difficult to track changes that I made even though this project was fairly small. I suppose it's a bit to early to give up on a CSS framework, therefore I'll use it again but with react on my next project to see if I can refactor my styling more efficiently.
Besides that, there was not a lot that I found challenging though I did get to use clip-path
to create the small triangle on the "tooltip" in desktop design. This was something I had to search online and I found out there were several ways to achieve this so I chose this way because I never had a chance to use it before. 😊
I am quite satisfied how this project turned out.
I'll highly appreciate your feedback. 👌
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Md5 dalton'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