Testimonials-grid-section using flexbox
Design comparison
Solution retrospective
My goal was to practice flexbox I recently learned. This was a good opportunity to practice it. Please feel free to give suggestions. Because I want to improve.
Community feedback
- @mraditya1999Posted over 1 year ago
To ensure responsiveness between screen sizes 576px to 768px, it is advisable to use media queries starting from 768px instead of 576px. This will help maintain a consistent layout across different devices.
Consider updating the CSS code as follows:
/* Responsive layout for screen sizes above 768px */ @media (min-width: 768px) { .testimonial-1, .testimonial-4 { width: 65%; } }
By implementing this change, the design will adapt appropriately to screen sizes greater than or equal to 768px, promoting a more professional and consistent user experience.
Marked as helpful1 - @vishalyv252Posted over 1 year ago
ok not bad, try this one: .testimonial .head{ display: flex; justify-content: center; align-items: center; margin-bottom: 2%; /20px/ } this is only for layout. It will be put perfectly in center. others are good👍.
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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