The following will create as many 200 pixel columns as will fit into the container. grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));. ... <看更多>

.container { display: grid; grid-gap: 20px; border: 10px solid var(--yellow); grid-template-columns: repeat(auto-fill, 150px); } ... ... <看更多>

module.exports = {. purge: [],. theme: {. extend: {. gridTemplateColumns: {. 'auto-fit': 'repeat(auto-fit, minmax(0, 1fr))',. 'auto-fill': 'repeat(auto-fill ... ... <看更多>

.wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-column-gap: 17px; grid-row-gap: 25.5px; ... ... <看更多>