All solutions

This solution is not complete. I have used ReactJS, Webpack and Sass for the development.

Features missing

• Edit
• Screens size supports, like component arrangement
• Input comments minor features

What did you find difficult while building the project? >>> Some element's reference & measurements were not able to pick correctly from Figma Which areas of your code are you unsure of? >>> none. Do you have any questions about best practices? >>> none.

• What did you find difficult while building the project? - What is the best approach to center the element to middle of the webpage?
• Which areas of your code are you unsure of? - none.
• Do you have any questions about best practices? - To center the element in the middle I set min-height to <main> and used the display flex and center approach. Is this a best approach available, if better solution available, please share some examples or resource.