Responsive Cards React + Tailwind

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 10 months ago

  Congratulations on completing your project! Your effort in creating a responsive and visually appealing application is commendable. Here are some quick recommendations to enhance your work:

  1. Responsive Design:

     • Use CSS Media Queries: Instead of handling responsiveness with JavaScript, consider using CSS media queries for a more efficient approach.

  2. Component Structure:

     • Reusable Components: Great job creating a reusable CardComponent. Ensure that it's flexible enough for different kinds of content.

  3. Accessibility:

     • Alt Text for Images: Provide meaningful alt text for images for better accessibility.

  4. Code Cleanliness:

     • Avoid Inline Styling: Consider using external stylesheets or styled components to avoid inline styling in your JSX.

  5. Performance:

     • Optimizing State Updates: Avoid unnecessary re-renders by removing windowWidth from the dependency array of useEffect if not needed.

  6. Styling Best Practices:

     • Consistent Naming Convention: Use a consistent naming convention for your CSS classes for better readability and maintainability.

  7. Learning Resources:

     • Responsive Design: CSS Tricks
     • React Best Practices: React Documentation

  Keep pushing your boundaries and continue to take on new challenges! Your journey is on a great path, and I'm excited to see your future projects. Keep exploring and learning new technologies!

  Marked as helpful

  1