All comments

• 

  Matheus Tavares Viana• 170

  @matheuzeba

  Submitted over 1 year ago

  I found it quite difficult to make the animations, any tips on that? What would be the best way to write semantic css?

  Thank you for checking out my submission :D

  

  used transitions, transform, position, flexbox and other css tools

  1

  50

  

  Matheus• 240

  @MatheusVSN

  Posted over 1 year ago

  Hello Matheus, congratulations on completing the challenge 🎉

  I have a suggestion about your centering method. Instead of setting the .page element padding-top, you could use the display: grid , place-content: center and min-height: 100vh on the body element, example:

  .body {
  	display: grid;
  	place-content: center;
  	min-height: 100vh;
  }
  

  Using the method above would suit your solution very well as it will align your card to the center of the screen without the need for using padding-top on the .page element

  Happy coding 😊

  Marked as helpful

  1