blog preview card

Community feedback

• 

  Ravi Kumar Bind•230

  @SecretsofArea51Posted 4 months ago

  why my webpage looks diffrent on design comparision than actual website

  0

  ---

  

  Dylan Heslop•2,360

  @dylan-dot-cPosted 4 months ago

  @SecretsofArea51 Well done with this challenge.

  For the design comparison, you used a fixed height of 100vh on the div so I guess maybe the screenshot that it took was too small and fell a little off the container.

  Anyways here are some ways you can improve.

  • Use the font that was given. You can import it from google fonts or use the file that they gave you.
  • Add the 100vh on the body element as a min-height to make sure that if a screen size is too small it doesn't hide/overflow.
  • The animation is cool but make it more subtle, if you want to do a real animation, you could animate the card as a fade in or move up when the pages load if you wanna have a little fun with the animations. Just make sure when FEM takes a screenshot your animation would be completed by then(don't really know how it works).

  Everything else should be good, take care.

  Marked as helpful

  0