Design comparison
SolutionDesign
Solution retrospective
hello, coders
review my solution
feedback wolud be helpful
have a nice day , bye
Community feedback
- @Sdann26Posted over 2 years ago
Hi Sudarshan!
Not having made the project there are some designs that I can not see but what I can recommend is:
- If you want the change of state like :hover, :focus, :active, etc. to be in a smoothed way and not a sudden change you can add the attribute:
transition: all 200ms
, the first value is the attribute when applying the transition and the second is for the delay. - Also whenever you use the img tag you must use the attribute
alt=""
, if it is a relevant image you must add an alternative text inside the alt and when it is a decorative image that is not relavante its meaning addalt=""
with the attributearia-hidden="true"
(This is for an accessibility issue, I recommend you to look for accessibility in the web).
Good Coding!
Marked as helpful1 - If you want the change of state like :hover, :focus, :active, etc. to be in a smoothed way and not a sudden change you can add the attribute:
- @AbhishekSingh0205Posted over 2 years ago
You did it in awesome way. But I guuess, you should have implemented one more thing. When you click one drop down, other drop down should be closed
Marked as helpful0
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