All solutions

It took some time to complete, but it was well worth it. I wasn't sure about the responsiveness of the layout in the first effort, so I redesigned the entire project with as few media queries as possible. It was fun though ✨

It was a lot of fun making it, and my technique for using media queries is finally coming together, though I'm not entirely satisfied with the outcome, so just keep working on it. Please send me any suggestions; I will be grateful.

Making it was enjoyable, however, media queries always take a significant amount of time to manage. Anyone attempting this type of project should try to focus on CSS by creating ugly stuff first before moving on to the designing phase.

I have so many media queries in my code that I need suggestions on how to write it down more effectively!

I find myself stuck in the overlapping part of two divs stacking upon each other, and I have to animate the eye icon with a Cyan bg color. I was very confused about adjusting the width and height of both, and I also had to make sure they were aligned the same