Olaseniā¢ 140
@unkuseni
Posted
You should use conditional rendering to decide where the filters would be based on screen width
0
Design comparison
Solution retrospective
I wasn't able to implement the linear gradient border color for the checkbox, does anyone know how to do that ?
I tried but I kept a square instead of a circle
Community feedback
Olaseniā¢ 140
@unkuseni
Posted
Make the display on the list items flex.
For the checkbox, set appearance: none then give it width: 40px; height: 40px set border radius to 50% and use the :checked { background-image: checkmark; background-color: add your gradient and what angle you like;}
0
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