All solutions

I've designed this challenge using css grid. Any feedback on where I can improve would be really helpful.

This was a challenge where I messed around using absolute positioning and positioning of background using percentages. I tried my best to get as close to the design as possible. Any feedback to improve my code would be welcome!

This was a great challenge. I took considerable time to understand working with asymmetrical grid layouts using grid-template-areas and also in learning for loop in sass. I would love to hear feedback on where I can further improve.

Resubmitting the challenge after receiving useful feedbacks. This time I have made use of details and summary tag of html to make use of the dropdown effects with animations. Some more feedback would be appreciated. Thank You!

I've managed to hack a checkbox to use it for a dropdown menu instead of using javascript. It took me a lot of time as the positioning of a complex set of svg images was new to me. Looking for feedback on where I can improve. Thank You!

Would love to hear some feedback! Thank You!

Would love to hear some feedback! Thank You!

How can I get border radius working without using overflow:hidden on the container when there's a background image on a child div?