Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 10 months ago

Testimonials-grid-section css grid section row column layouts

accessibility, bem, materialize-css
Mohit kulkarni•170
@burningbeattle
A solution to the Testimonials grid section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

Most Proud Of:

Grid Layout and how it adapts to different screen sizes. Responsive Design with accurate styling and attention to detail. What I'd Do Differently:

Time Management: Improve task breakdown and time estimation. CSS Structure: Use a more modular approach (e.g., BEM) from the start. Earlier Cross-browser Testing to catch compatibility issues sooner.

What challenges did you encounter, and how did you overcome them?

Grid Layout:

Challenge: Managing complex grid areas. Solution: Used grid-template-areas and media queries for responsiveness. Text Alignment:

Challenge: Aligning text and images consistently. Solution: Adjusted padding and margins for uniform spacing. Responsiveness:

Challenge: Ensuring consistent scaling across devices. Solution: Used relative units (rem, %) for flexible design.

What specific areas of your project would you like help with?

Cross-browser Compatibility to ensure consistent display. Accessibility Improvements for better screen reader support. Performance Optimization like lazy loading and CSS refinement. CSS Architecture advice on structuring scalable CSS for larger projects.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Mohit kulkarni's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License