social-links-profile

Community feedback

• Account deleted

  👋 Hey, @SamaraOliveira07! I have a few suggestions for your project:

  1. Use display: flex for the body like this:

     body {
       display: flex;
       flex-direction: column;
       justify-content: center;
       height: 100vh;
     }
     

     This will help center all the content more easily.

  2. To make your image a perfect circle, the height and width most be have the same value and use object-fit: cover. The object-fit property will crop some parts of the image to achieve the circular shape. You can learn more about object-fit in this MDN documentation.

  If you want to dive deeper into learning Flexbox, here is a great link from MDN. For an interactive way of learning Flexbox properties, check out Flexbox Froggy.

  Great work! 👏

  I hope you find this helpful. 😊

  1

  ---

  

  Samara Lobato•50

  @SamaraOliveira07Posted 3 months ago

  @weldu0 I loved the tips, thank you very much! I will apply them to my project

  0

  Account deleted

  You're welcome! I'm glad to hear that it was helpful. @SamaraOliveira07

  0