Testimonials grid section solution

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 9 months ago

  Congratulations on completing the Testimonials Grid Section project! Here are some recommendations to further improve your code:

  1. Accessibility: Ensure all images have appropriate alt attributes for screen reader users.
  2. Consolidate Styles: Consider consolidating repetitive CSS styles to improve maintainability and reduce redundancy.
  3. Responsive Design: Test your project on various screen sizes and optimize layout and typography for smaller devices.
  4. Semantic HTML: Use semantic HTML elements like <header>, <main>, <section>, etc., to enhance the structure and accessibility of your code.

  Keep up the fantastic work! Consistent practice and learning will help you excel as a front-end developer.

  For further learning, check out these resources:

  • Alt Text Best Practices
  • CSS Best Practices
  • Responsive Web Design Basics
  • Semantic HTML5 Markup

  0
• 

  Naveen CB•420

  @Naveen-CBPosted 9 months ago

  Hello @iamupo, your solution looks good but I have notice one issue with you code.

  In your card-5 section you did some mistake that make it to overflow at some viewport width:

  @media (min-width: 1200px) {
    .card5 {
      grid-column: 4;
      grid-row: 1/4;
    }
  }
  

  Instead try this :

  @media (min-width: 1200px) {
    .card5 {
      grid-column: 4;
      grid-row: 1/3;
    }
  }
  

  Other than this your solution looks good and I especially like that 2 column for tablet size.

  I hope this might be helpful to you❤️

  0