Grid project with a little bit of Flexbox for responsiveness.
Design comparison
Solution retrospective
Really enjoyed making this project. It was very interesting to figure out how to position every "testimonial" using Grid.
What challenges did you encounter, and how did you overcome them?At first, the positioning of every 'testimonial' was confusing, but once I got the hang of it, it was fairly simple and easy
What specific areas of your project would you like help with?Regarding the responsiveness, I've only turned the whole 'container' of the testimonials to display: flex; and added flex: wrap; so that testimonials would stack on top of each other. If there are any other options to add here, please let me know; all suggestions are highly appreciated!
Community feedback
- @Anis-WebPosted 8 months ago
Hello Friend! Your design is not responsive, I think you should turn display to flex with direction columns when the size of the screen is less than 600px, and seems like your content's width is 100%, but in the design is not, you can fix it)
1@Proja26Posted 8 months agoYeah you are completely right, i've just noticed that, at first i did put max-width: 700px; and afterwards, once i checked the ReadMe file, i've set max-width: 375px; and didn't even check it 😅. But regardless, thank you very much, will fix it!🙏🙏@Anis-Web
1
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