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 */
}