yuanchuan, 26 days ago

Chrome has a different behaviour from FF and Safari.

They used be the same. I'm not sure if the spec changes or Chrome has a bug in recent releases

https://codepen.io/yuanchuan/pen/bGydpjP

#CSS #grid #aspectratio

Source code grid { display: grid; width: 600px; height: 200px; background: #f0f0f0; grid-template-columns: repeat(10, 1fr); } grid > div { border: 2px solid #000; width: 50%; aspect-ratio: 1; }