devices.wxss 500 B

123456789101112131415161718192021222324252627282930313233
  1. .container {
  2. display: flex;
  3. flex-wrap: wrap;
  4. }
  5. .grid-container {
  6. display: grid;
  7. grid-template-columns: repeat(2, 1fr);
  8. grid-column-gap: 16rpx;
  9. padding-inline: 16rpx;
  10. padding-top: 16rpx;
  11. }
  12. .cell {
  13. border-radius: 10rpx;
  14. overflow: hidden;
  15. margin-bottom: 16rpx;
  16. display: flex;
  17. flex-direction: column;
  18. align-items: center;
  19. }
  20. .device_img {
  21. width: 100%;
  22. height: 200rpx;
  23. }
  24. .device_text {
  25. margin-top: 16rpx;
  26. text-align: center;
  27. width: 100%;
  28. }