Blog Preview Card

Community feedback

• 

  P

  Bamo-D-Abdallah•280

  @Bamo-D-AbdallahPosted 4 months ago

  You could remove the border property on the learning tag, and its color is rgb(244, 208, 78) but yours is set to rgb(228, 228, 0).

  Some other notes:

  • Avoid using px, start using rem more and also em, %, vw, vh.
  • Don't use height, let the browser determine the height your content needs.
  • Start using CSS resets or normalizers.
  • You can start using CSS variables it makes.
  • Use display: block and max-width: 100% on your img to make it responsive.

  Also using border-box is better than default which is content-box, you can set it up like this:

  html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  

  Marked as helpful

  0

  ---

  

  Ravikant Munda•80

  @raven784Posted 4 months ago

  @Bamo-D-Abdallah This was an eye-opener.

  0