Just CSS

Community feedback

• 

  Jeffrey Izelaar•110

  @AstrobeanPosted over 3 years ago

  Nice work! You're almost done, here's some quick suggestions:

  • The size of the card is fixed, no need to let it shrink or grow.
  • The card's size and layout is the same on mobile and desktop, so you don't need to use a media query on it.
  • For the card cover, try 'background-size: cover', to make it fill the top-half of the card.
  • The profile picture is a tricky one. I aligned it perfectly using CSS position.
  • The background images do need to be included in a media query as their position is different in each layout.

  1