Interactive card with HTML, CSS and JS

Community feedback

• 

  Lucas Costa•50

  @lcscostadevPosted almost 2 years ago

  you can use an display flex, align center, justify center on the body and also an 100vh to center, about the images i think its because of the dot:

  remove this dot before /images: <img src="./images/illustration-thank-you.svg" alt="illustration thank you">

  result: <img src="/images/illustration-thank-you.svg" alt="illustration thank you">

  about new versions i believe you just commit the changes that you made. good luck !

  Marked as helpful

  1
• 

  P. Ricardo•2,370

  @pRicard0Posted almost 2 years ago

  You should never use margin to position this way. I recommend using flexbox in the body. The body needs min-height: 100vh to perfectly center the content using flexbox. You can learn more about flexbox in a interactive way clicking here.

  Using flexbox you'll be able to make the second card appear in the same place as the first one.

  Use alt="" if the image is only for decoration

  I think the images didn't appear because the src is wrong. Sorry, I can't be sure.

  Marked as helpful

  1