Used CSS to complete Social Links Profile with hovering effect

Community feedback

• 

  Sefa•190

  @sefaonderPosted 10 months ago

  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

  1
• 

  Jaime•80

  @JaimeOsorioSalazarPosted 10 months ago

  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.

  0
• 

  OrkhanIsmayill•70

  @OrkhanIsmayillPosted 10 months ago

  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 :)

  0