Responsive Social Media Link

Community feedback

• 

  Adann Jacinto•790

  @DanCodeCraftPosted 8 months ago

  Good job @CiriloRibeiro!

  For the design, you can add a small transition for the hovering effect. It takes one line of code, and makes a huge difference. As an example:

  .element {
  transition: all 0.2s;
  }
  

  That's it, super simple.

  For the code, I would highly suggest you have a modern CSS reset before starting any project. Since it becomes a somehow, larger file, consider having a .css only for this - and link it the same way you link your styling sheet.

  It's great to see you are using different unit measures. If one is to add to your bucket, always use em for the media queries (to not confuse with rem).

  This project didn't need a media query, thought. To avoid that on some smaller components like this one, work on the mobile design first. :)

  All the best!

  1