Submitted over 2 years ago

Css only, with level4 :has() selector [NOT WORKING ON FF]

vanilla-extract

Robin Dervieux•230

@robicode-05

A solution to the Time tracking dashboard challenge

Preview Code

Solution retrospective

Hello everyone !

For this challenge I tried something new, my goal was not great responsiveness or clean & semantic code.

I wanted to experiment one of the latest CSS selector (:has()) and see what he has to offer. And I very exited ! Modern CSS will soon be really fun !

With it, I was able to remove all the JS needed to create such apps ! (I put some code snippet in the readme)

NOTE: The website will work on every browser EXCEPT Firefox (you can add experimental flags in order to make it work in FF, they should support this selector soon Implement the :has() pseudo class / BugZilla

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Robin Dervieux'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