P
jumiranda5• 280
@jumiranda5
Posted
Hi! I couldn't figure out why the middle column is shrinking more than the others... but have you tried using flex-grow: 1? w3 flex-grow
Marked as helpful
0
Design comparison
Solution retrospective
my middle boxes kept getting squashed when scaling down between my screens
Community feedback
enzmrg 💫• 870
@enzo-mir
Posted
Hello ! nice work, to avoid this "middle box squashed" try to set you section in grid as :
display : grid; grid-template-columns : repeat(3, 1fr);
and set the grid-template-columns to 1fr at you breakpoint to get 1 column it will be more responsive friendly !
Well done ;)
Marked as helpful
0
Please log in to post a comment
Log in with GitHub
Join 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