All comments

• 

  Alister Xavier• 170

  @Alister153

  Submitted about 2 years ago

  

  Interactive comments section

  1

  10

  

  Alister Xavier• 170

  @Alister153

  Posted about 2 years ago

  Haven't designed it for small devices..

  0
• 

  Dev JP• 140

  @JpJonker

  Submitted over 2 years ago

  Any feedback would be appreciated, ( I have a question, I add a border radius on the dice image, for some reason the image and the border became a circle. The goal was that the border would be a circle, but not the image. I would appreciate a explaination of why this happend. Thank you very much )

  

  Advice Generator App with html, css, javascript(Jquery) with api call

  1

  40

  

  Alister Xavier• 170

  @Alister153

  Posted over 2 years ago

  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

  0

  This comment has received 1 replyShow