/* packageH/circleCommunity/components/picture/picture.wxss */ .pictureItems { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20rpx; row-gap: 20rpx; } .pictureItems .pictureItem { width: 100%; height: 0; padding-bottom: 100%; background-size: cover; }