Design comparison
Solution retrospective
I t̶o̶r̶t̶u̶r̶e̶d̶ challanged my self by not using javascript and learned how to navigate through the browser without a mouse and only a keyboard
Community feedback
- @JEWebDevPosted 11 months ago
Hello! I have a few suggestions to help:
- Try using the hover attribute to your class dropdown, like this:
.dropdown:hover{ cursor: pointer; }
This will indicate that the element can be clicked.
-
For the
box-shadow
you can make it blend better and give it less of a 3D effect by playing with the spread radius, blur radius and the color oppacity of the shadow. like this:box-shadow: 5px 5px 30px 5px rgba(0,0,0,0.2)
try it out and see if you like the result. You can find more information about box-shadow and it's properties here box-shadow.
Great work! Keep it up.
1@idylliclyPosted 11 months ago@LaxusWebDev thank you for the feedback! i have been fiddling with the box-shadow wondering why its not near the same as the example and changing the color didn't cross my mind so thank you!
0
Please log in to post a comment
Log in with GitHubJoin 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