challenge 2 with html and css

Community feedback

• 

  EFEELE•350

  @EFEELEPosted 5 months ago

  Great job!!!

  The best way to align elements, at least from my perspective, is with flexbox, just like you did!

  Regarding the dimensions of **margins, paddings, and fonts, ** I recommend using **rem **. You can find documentation on values and units.

  And lastly, to make the hover effect look better, I would recommend adding the translate attribute to compensate for the size of your box-shadow, so it appears that the card is moving and not the shadow.

  Here is the code:

  .container:hover {
      box-shadow: 20px 20px 0px -3px black;
      transform: translate(-6px, -6px);
  }
  

  0