@Alister153
Posted
It's cause u added border-radius to the image itself..
#generate-dice { position: absolute; bottom: -1.75rem; background: hsl(150, 100%, 66%); padding: 1rem; border-radius: 100%; }
You could've enclosed the dice in a tag and then add border radius to that tag or maybe just add a div and use the image as a background image for that div like this..
.next-btn{ background-position: center; background-image: url(./images/icon-dice.svg); background-repeat: no-repeat; }
Marked as helpful
@JpJonker
Posted
@Alister153 Thank you, I will remember that for the future.