Design comparison
SolutionDesign
Solution retrospective
For laptops with screen heights less than or equal to 800px
, I made the grid's height responsive by using vh
. I disabled that for taller screens, though, because I didn't want the gap between the header and the testimonials to over-expand.
I opted to use background-image
for the stars, because inserting that as an <img>
15 times in the html makes it seem bloated (in my opinion!). Also, they're just decorative elements.
Community feedback
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