Advice Generator App - Async-Await fetch API - SCSS for styling

Hi Guido. Nice work! I have some suggestions for you for the dice button:

• To make the dice button circle, first off, you need to remove the border-radius, padding, margin-left and margin-right from the class button-dice img. You don't really need these classes on the img tag.
• In the border-button class, add border-radius: 100%; to give the button a full circular shape. Also, add:

    padding: 1rem;
    background: #52ffa8; 
    display: flex;
    position: relative; 
    top: -22px;

Using display flex helps center the element in it. And by adding a relative position, you can shift the element upward (top) without using margin to do so.

• In button-dice class, add

   width: 100%;
   display: flex;
   justify-content: center;

The above style is to simply center the dice button horizontally.

Hope this helps