All solutions

Simple but practical first time using grid layout, way easier to handle than flex layout. Toward more complex projects !!! happy coding everyone 👩‍💻👨‍💻💖

I truly appreciate this site and its challenges, because I believe I have learned much more stuff during doing these challenges than any other courses. I'd be more than happy if you check my solution and give insight on any point towoard improving my coding . I am also skeptical about my solution responsiveness, is there anything I can do about units or media queries to display the page on different screen sizes better ?

Seem simple at first glance, but there plenty of challenging patterns for a junior web developer. Completing this challenge helped become more familiar with different subjects both in CSS and Js. That little arrow on the bottom of pop-up share container and also moving it to overlap the flex layout was quite a challenge for me. organizing media query properties along with avoiding duplication also was new to me. Although needed functions in JS were almost simple, still listening to media queries in Js and using matches() window.matchMedia() came in handy to observe resizing the window was quite a struggle. all in all happy to complete this challenge, big thanks to frontendMentor for these informative hand-on practice projects. I know that I might used some stupid hard-coded solutions for some parts, I 'll be more than happy to hear your alternative solutions in comments.