social links profile, using flexbox and CSS media query

What challenges did you encounter, and how did you overcome them?

Small tricks:

1. If you want to use an HTML button element and style it the way you like, first you need to unset all its default styles like this:

.button {
  all: unset;
  /* Now you can write any styles you want here */
}

2. When you want to create a perfect circle from a block element, set its border-radius to 50%:

.profile__picture {
  border-radius: 50%;
  overflow: hidden; /* Ensures that anything inside the box doesn’t 
overflow from the edges, making the effect work properly */
}