Responsive 3-column preview card component with CSS Grid and Flexbox

Community feedback

• 

  _nehal💎•6,710

  @NehalSahu8055

  Posted about 2 years ago

  Hello Coder 👋.

  Congratulations on successfully completing the challenge! 🎉

  Few suggestions regarding design.

  • Use responsive units(rem, em, %) from next project. Explore respective use cases on google.

  • Replace width with max-width to make your card more responsive.

  .card {
  max-width: 18rem;
  }
  

  • Every site must have one h1 element describing the main content of the page. So, Add a level-one heading instead of h2 to improve accessibility.

  I hope you find this helpful.

  Happy coding😄

  11

  Marked as helpful
• 

  Joachim•840

  @Thewatcher13

  Posted about 2 years ago

  • use a css reset in all your projects, look at Andy's bell website for a good and clear one
  • set rem instead of px on your min-width @media

  12