All solutions

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

I used data from json file instead of hard coding them. Used map function for repetitive code. I learnt how to use custom font, colors, etc. with the help of tailwind-CSS. And I also learnt CSS grid.

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

I created separate components that share changes based on a particular state, this state change origin is one component but reflects on other component, but I was not sure how to propagate the state change into both. So I put both inside same file.

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

Why is the Social card component triple dots rendering different that others? PLEASE HELP UPDATE- fixed issue

Also, if I have done any mistake or bad practice please let me know. Any feedback or help is very much appreciated!

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

This was an extremely easy challenge but it is the first time I have used Figma file to make the design pixel perfect.

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

Using Figma tools to measure the dimensions was a small challenge but I figured it out

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

The way I have written my CSS, I wonder if it is standard practice or not? If I have made any mistakes, please let me know so that I can do better in the future.

This is my first solution using react. I might have used some bad practices in source code. If you come across this lemme know how I can improve :-)