Grid items behaves differently?

eliapingvinen · July 13, 2019, 5:13pm

Trying to build a product grid, but the different columns behaves differently. What am I doing wrong?

Here is my public share link: https://preview.webflow.com/preview/hshop?utm_medium=preview_link&utm_source=designer&utm_content=hshop&preview=8ddf039f92b83c1dc31a010c8b83379d&pageId=5c6c4d07087104473f939de8&itemId=5c6c7efe7d39282511514449&mode=preview

webdev · July 13, 2019, 7:06pm

Hi @eliapingvinen → Can you please share a visual example of what is wrong and what you want to accomplish? It would go a long way when soliciting help.

eliapingvinen · July 13, 2019, 7:08pm

It does like this, squeezes one column and removes the padding on the right side.

webdev · July 13, 2019, 7:11pm

So do you want one column or two on Mobile portrait?

eliapingvinen · July 13, 2019, 7:19pm

Two, but the same look on both columns. Not one squeezed and the other “normal”.

webdev · July 13, 2019, 7:40pm

Normally people use 1 column on mobile portrait, that said, here is one way to accomplish what you want.

eliapingvinen · July 13, 2019, 7:52pm

Ahh! I didn’t know the grid automatically applied a min value. Thanks for the assist! That solved everything