Used CSS to complete Social Links Profile with hovering effect

Hello @Prabhashg, first of all, thank you for sharing your solution with us. There are a few issues I would like to mention to improve your code a little more:

• You can use display:flex instead of position:relative, which you used for the container class. In this way, you can center the element more easily. More information about flex-box can be found at Flexbox Guide.

• You can make a clean start on the design by removing the default CSS properties. For more information, visit CSS Reset

• There is a section in the Starter File for the colors and fonts that will be used in the file called style-guide.md. You can also use these colors and fonts with the var() variable on CSS using the :root pseudo-class. For more information, visit CSS3 Variables

I recommend you this page to improve your skills:

• https://developer.mozilla.org/en-US/

• https://css-tricks.com/guides/

The second page has different guides to uses display flex and grid. Also learn more about CSS Selectors.

Hello. The appearance of the task you wrote is very good. However, you can improve it further. Reduce the width of the box a bit. For the required responsiveness in this task, the screen width should be 375px. Learn to write responsiveness, and you will achieve the desired appearance. Good luck :)