All solutions

May have made more difficult than it should be using Grid for mobile and desktop layout. But got to learn many things about Grid. Hope I got it right.

Can you please check if this meets all the requirements ? Also, suggestions for improvement, alternate ideas are welcome and very much appreciated. Thanks in advance.

Inspired by many others, I have updated my solution to markup all the cards in a single div and show 2X2 Cards on tablet sizes. I tried to match the design very closely but could not.

Also, if anyone could advice on how make the svgs responsive in this challenge, I would appreciate it very much. Thanks.

Suggestions for improvement are welcome.

Experienced developers or other developers who have completed this challenge, can you please test if it meets the design requirements.

I stuck to just the basics, just HTML, and CSS and one grid. I had tough time with images, especially in desktop mode.

This challenge took me more than two weeks and 2 attempts to get this far. Any feedback and any suggestions about code will be deeply appreciated.

Thank you.

Hi,

Wish you all reviewers and developers a great 2022!

I almost got it all working except for the following:

1. Overlay of eye-icon. I am not sure if I got it right and the technique is a valid one. Please suggest the best way.

2. I don't know if it met the requirement for "responsiveness". Please comment and suggest.

Thanks in advance, Bikeinman.