Responsive design using css flexbox

Community feedback

• 

  P

  jumiranda5•280

  @jumiranda5Posted 12 months ago

  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
• 

  P

  enzmrg 💫•920

  @enzo-mirPosted 12 months ago

  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

  ---

  

  Yeni•180

  @YeniUvwoPosted 12 months ago

  Argh yes! Thank you so much @enzo-mir

  1

  

  Yeni•180

  @YeniUvwoPosted 12 months ago

  Issue resolved. Thanks again! @enzo-mir

  1

  

  P

  enzmrg 💫•920

  @enzo-mirPosted 12 months ago

  @YeniUvwo No problems ! Nice solution i see ;)

  0