Small tricks:
- 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 */ }
- 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 */ }