Social Links using HTML & CSS

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 9 months ago

  Hello @yas-avocad!

  There's a best way to separate elements inside the same container:

  • Use flex/grid on the parent container and the property gap.

  📌 By doing this, you create an equaly sized space between all the elements inside this container, so you don't need to use margin-top and margin-bottom on each of them individually.

  Example:

  .parent-container {
     display: flex;  /*  or grid  */
     flex-direction: column; /*  or row  */
     gap: 10px;  /* this creates a 10px gap between all the elements inside this container */
  }
  

  I hope it helps!

  0