Advice Generator (HTML,CSS,JS)

Community feedback

• 

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  Hi, Avitohol!

  The advice-title class give it the following attribute if you want letter-spacing: 4px to be able to separate the letters.

  Also if you want to position the button as the design you could do the following:

  • To the .box class give it position: relative; because we are going to position the button in this box.
  • Then to the dice-btn button give the following classes:

  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(50%) translateX(-50%);
  

  The thing that is absolute so that positioned in the box box without occupying space and with left and bottom we position it below and to the right and then with the translation, the percentage is with respect to the size of the child so with that you position it as it is in the design.

  I hope it is understood and it is useful :D

  Marked as helpful

  1

  ---

  

  Avitohol_•190

  @Avitohol1Posted over 2 years ago

  @Sdann26 Thank you, it was useful.

  1