@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
my middle boxes kept getting squashed when scaling down between my screens
@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
@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
@YeniUvwo
Posted
Argh yes! Thank you so much @enzo-mir
@YeniUvwo
Posted
Issue resolved. Thanks again! @enzo-mir
@enzo-mir
Posted
@YeniUvwo No problems ! Nice solution i see ;)
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