@DevonHughesCodes
Posted
Hello! @keltiek
Your solution looks great!
Just a quick suggestion, I can't see your stylesheet, however, for the active state on the element with the box-shadow there is a very subtle hover effect that's super easy to overlook in the design previews provided.
Here's a snippet from my stylesheet for reference:
.container { max-width: 400px; margin-inline: auto; background-color: var(--white); padding: 1.5rem; margin-bottom: 2rem; border: 2px solid var(--black); border-radius: 1rem; box-shadow: 10px 10px 0px var(--black); transition: 0.5s; }
.container:hover { box-shadow: 15px 15px 0px var(--black); }
Other than that, great work and Keep it up!
Marked as helpful
@keltiek
Posted
@DevonHughesCodes Thanks a lot for your feedback! Indeed, I missed it, so I added it now. I'm using Tailwind CSS CDN for simplicity, so everything is done in index.html