Design comparison
Solution retrospective
Would love some feedback. Thanks.
Community feedback
- @acweathersbyPosted almost 3 years ago
Hi Joy, I have a suggestion regarding the the company logos.
Using
display:flex
for the element containing the logos forces each<img>
to have identical width and height values, which explains why some of the logos look squashed (most noticeable on the Microsoft and Vector Graphics logos).A quick solution for this would be to remove the
display:flex
property and space the<img>
using margins, such asmargin: 0 2%
. This will allow each image to be uniformly scaled and remove the squashed look. Thetext-align:center
property ensures that the images are centered within the page.0
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