Advice Generator App

Community feedback

• 

  mvrius•260

  @mvrius4Posted over 2 years ago

  Hi, @unimibYNGX!

  You can put position: absolute; on the img, and then position: relative; on the main div.

  You need to delete the containing div of the image for this, add a bit of padding-bottom to the parent div(the main div, the one with padding-bottom: 30px)(I really believe that 2.5rem or 3rem is good, as I've tested already) and add background and padding to the image, border-radius, and it will still be good. You can also add a cursor: pointer; on it.

  You give bottom: 0; to the image and transform: translateY(...rem).

  If you didn't understand what I've said, you can also see my solution, basically what I've explained is what I've did in my project.

  I hope this helped you a bit. :D

  Marked as helpful

  2
• 

  Ibenyenwa Charles•330

  @zubyCharlesPosted over 2 years ago

  if the button is contained in its own container div, add this style to the div

   width: fit-content;
   margin: 0 auto;
   transform: translateY(xrem);
  }
  
  The first 2 lines centers the button horizontally, then you can use the translateY property to position it on the cards border.
  

  1