All solutions

What are you most proud of, and what would you do differently next time?

I am just proud that I managed to complete this challenge.

What challenges did you encounter, and how did you overcome them?

• I had a tough time aligning the image like it was in the design. In the design I had to hide about a quarter of the image so it was bit hard doing that. I used a position: relative; on the image so that I could move it around and z-index: -10; to send it behind the card.
• I also didn't know how to design the bubble for the share links while in desktop but later I went through someone's solution (which I am not able to link here cause I lost the source) and realized it could be done using the ::after psuedo-element.

What specific areas of your project would you like help with?

I would appreciate a better solution to making the main card image look like in the design with about a quarter of it hidden. In my case I have done it using position: relative;

Making this layout responsive was a lot challenging for me. I considered using grid but couldn't make it work so used flexbox instead. I would really appreciate comments on my layout implementation and the responsiveness 😊.

Any feed back on my code is appreciated.

Feedback on any way I can improve the challenge is appreciated.

I did appreciate some comments on my styling and the use of HTML elements. I have chosen the elements carefully but I still doubt if everything is good.

I would appreciate some suggestions and best practices with using frameworks and please let me know if there are any issues with accessibility and the way I have used the cascade layers in my CSS. 😊

I have user a hover effect on the profile picture so that viewers can view the picture clearly. Is it something necessary? Do mention your suggestions on it😊.

I feel like I could have implemented the dynamics in javascript in a much simpler way but i couldn't make it work. so I would appreciate your suggestions.