pure HTML CSS & JavaScript

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 add alt="" with the attribute aria-hidden="true" (This is for an accessibility issue, I recommend you to look for accessibility in the web).

Good Coding!

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