Design comparison
SolutionDesign
Solution retrospective
One of my image gallery layouts seem to display a gap for the mobile section when testing on chrome, but not on Firefox. Any tips on this would be greatly appreciated.
Community feedback
- @renrasPosted over 2 years ago
- avoid setting fixed
width
for containers - try to use
max-width
,min-width
and percentages instead - try to make your flexbox and grid layouts responsive like :
.flex { display: flex; flex-wrap: wrap; .flex-children { flex: 1 1 0; } } .grid { grid-template-columns: repeat(4, auto); }
Marked as helpful0 - avoid setting fixed
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