All comments

• 

  Kevin Molina•200

  @KevinMA95Submitted about 2 years ago

  My first junior challenge.

  Any advice is welcome, especially with the button since I could not figure it out how to align it correctly every time a new advice is generated.

  

  Advice generator using vanilla css and js with semantic HTML

  3

  20
  

  clarenceharre•20

  @clarenceharrePosted about 2 years ago

  Hi Kevin!

  Love your solution. Before reading your code, I didn't realise I could use document query-selectors to update the DOM; I was using jQuery to achieve the same thing but slower page load due to CDN. You also taught me how to properly import Google Fonts.

  Can offer what I did to get the button in the right position. I placed the button directly below the card div.

  1. In the buttons parent I use text-align: center
  2. In the button I applied position: relative; top: -27px;

  I used the inspector to see how high the button was, then I moved it up half that amount. This is a little hacky but it works.

  1