Row Gap

Set the spacing between rows in a grid layout.

Widely available

This feature is well established and works across many devices and browser versions.

Chrome
Edge
Firefox
Safari

rg-0
row-gap: 0;
rg-1
row-gap: .25rem;
rg-2
row-gap: .5rem;
rg-3
row-gap: .75rem;
rg-4
row-gap: 1rem;
rg-5
row-gap: 1.25rem;
rg-6
row-gap: 1.5rem;
rg-7
row-gap: 1.75rem;
rg-8
row-gap: 2rem;
rg-9
row-gap: 2.25rem;
rg-10
row-gap: 2.5rem;
rg-11
row-gap: 2.75rem;
rg-12
row-gap: 3rem;
rg-13
row-gap: 3.25rem;
rg-14
row-gap: 3.5rem;
rg-15
row-gap: 3.75rem;
rg-16
row-gap: 4rem;
rg-17
row-gap: 4.25rem;
rg-18
row-gap: 4.5rem;
rg-19
row-gap: 4.75rem;
rg-20
row-gap: 5rem;
rg-21
row-gap: 5.25rem;
rg-22
row-gap: 5.5rem;
rg-23
row-gap: 5.75rem;
rg-24
row-gap: 6rem;
rg-25
row-gap: 6.25rem;
rg-26
row-gap: 6.5rem;
rg-27
row-gap: 6.75rem;
rg-28
row-gap: 7rem;
rg-29
row-gap: 7.25rem;
rg-30
row-gap: 7.5rem;
rg-31
row-gap: 7.75rem;
rg-32
row-gap: 8rem;
rg-33
row-gap: 8.25rem;
rg-34
row-gap: 8.5rem;
rg-35
row-gap: 8.75rem;
rg-36
row-gap: 9rem;
rg-37
row-gap: 9.25rem;
rg-38
row-gap: 9.5rem;
rg-39
row-gap: 9.75rem;
rg-40
row-gap: 10rem;
rg-41
row-gap: 10.25rem;
rg-42
row-gap: 10.5rem;
rg-43
row-gap: 10.75rem;
rg-44
row-gap: 11rem;
rg-45
row-gap: 11.25rem;
rg-46
row-gap: 11.5rem;
rg-47
row-gap: 11.75rem;
rg-48
row-gap: 12rem;
rg-49
row-gap: 12.25rem;
rg-50
row-gap: 12.5rem;
rg-51
row-gap: 12.75rem;
rg-52
row-gap: 13rem;
rg-53
row-gap: 13.25rem;
rg-54
row-gap: 13.5rem;
rg-55
row-gap: 13.75rem;
rg-56
row-gap: 14rem;
rg-57
row-gap: 14.25rem;
rg-58
row-gap: 14.5rem;
rg-59
row-gap: 14.75rem;
rg-60
row-gap: 15rem;
rg-61
row-gap: 15.25rem;
rg-62
row-gap: 15.5rem;
rg-63
row-gap: 15.75rem;
rg-64
row-gap: 16rem;
rg-65
row-gap: 16.25rem;
rg-66
row-gap: 16.5rem;
rg-67
row-gap: 16.75rem;
rg-68
row-gap: 17rem;
rg-69
row-gap: 17.25rem;
rg-70
row-gap: 17.5rem;
rg-71
row-gap: 17.75rem;
rg-72
row-gap: 18rem;
rg-73
row-gap: 18.25rem;
rg-74
row-gap: 18.5rem;
rg-75
row-gap: 18.75rem;
rg-76
row-gap: 19rem;
rg-77
row-gap: 19.25rem;
rg-78
row-gap: 19.5rem;
rg-79
row-gap: 19.75rem;
rg-80
row-gap: 20rem;
rg-81
row-gap: 20.25rem;
rg-82
row-gap: 20.5rem;
rg-83
row-gap: 20.75rem;
rg-84
row-gap: 21rem;
rg-85
row-gap: 21.25rem;
rg-86
row-gap: 21.5rem;
rg-87
row-gap: 21.75rem;
rg-88
row-gap: 22rem;
rg-89
row-gap: 22.25rem;
rg-90
row-gap: 22.5rem;
rg-91
row-gap: 22.75rem;
rg-92
row-gap: 23rem;
rg-93
row-gap: 23.25rem;
rg-94
row-gap: 23.5rem;
rg-95
row-gap: 23.75rem;
rg-96
row-gap: 24rem;
rg-97
row-gap: 24.25rem;
rg-98
row-gap: 24.5rem;
rg-99
row-gap: 24.75rem;
rg-100
row-gap: 25rem;
rg-101
row-gap: 25.25rem;
rg-102
row-gap: 25.5rem;
rg-103
row-gap: 25.75rem;
rg-104
row-gap: 26rem;
rg-105
row-gap: 26.25rem;
rg-106
row-gap: 26.5rem;
rg-107
row-gap: 26.75rem;
rg-108
row-gap: 27rem;
rg-109
row-gap: 27.25rem;
rg-110
row-gap: 27.5rem;
rg-111
row-gap: 27.75rem;
rg-112
row-gap: 28rem;
rg-113
row-gap: 28.25rem;
rg-114
row-gap: 28.5rem;
rg-115
row-gap: 28.75rem;
rg-116
row-gap: 29rem;
rg-117
row-gap: 29.25rem;
rg-118
row-gap: 29.5rem;
rg-119
row-gap: 29.75rem;
rg-120
row-gap: 30rem;
rg-121
row-gap: 30.25rem;
rg-122
row-gap: 30.5rem;
rg-123
row-gap: 30.75rem;
rg-124
row-gap: 31rem;
rg-125
row-gap: 31.25rem;
rg-126
row-gap: 31.5rem;
rg-127
row-gap: 31.75rem;
rg-128
row-gap: 32rem;
rg-129
row-gap: 32.25rem;
rg-130
row-gap: 32.5rem;
rg-131
row-gap: 32.75rem;
rg-132
row-gap: 33rem;
rg-133
row-gap: 33.25rem;
rg-134
row-gap: 33.5rem;
rg-135
row-gap: 33.75rem;
rg-136
row-gap: 34rem;
rg-137
row-gap: 34.25rem;
rg-138
row-gap: 34.5rem;
rg-139
row-gap: 34.75rem;
rg-140
row-gap: 35rem;
rg-141
row-gap: 35.25rem;
rg-142
row-gap: 35.5rem;
rg-143
row-gap: 35.75rem;
rg-144
row-gap: 36rem;
rg-145
row-gap: 36.25rem;
rg-146
row-gap: 36.5rem;
rg-147
row-gap: 36.75rem;
rg-148
row-gap: 37rem;
rg-149
row-gap: 37.25rem;
rg-150
row-gap: 37.5rem;
rg-151
row-gap: 37.75rem;
rg-152
row-gap: 38rem;
rg-153
row-gap: 38.25rem;
rg-154
row-gap: 38.5rem;
rg-155
row-gap: 38.75rem;
rg-156
row-gap: 39rem;
rg-157
row-gap: 39.25rem;
rg-158
row-gap: 39.5rem;
rg-159
row-gap: 39.75rem;
rg-160
row-gap: 40rem;
rg-161
row-gap: 40.25rem;
rg-162
row-gap: 40.5rem;
rg-163
row-gap: 40.75rem;
rg-164
row-gap: 41rem;
rg-165
row-gap: 41.25rem;
rg-166
row-gap: 41.5rem;
rg-167
row-gap: 41.75rem;
rg-168
row-gap: 42rem;
rg-169
row-gap: 42.25rem;
rg-170
row-gap: 42.5rem;
rg-171
row-gap: 42.75rem;
rg-172
row-gap: 43rem;
rg-173
row-gap: 43.25rem;
rg-174
row-gap: 43.5rem;
rg-175
row-gap: 43.75rem;
rg-176
row-gap: 44rem;
rg-177
row-gap: 44.25rem;
rg-178
row-gap: 44.5rem;
rg-179
row-gap: 44.75rem;
rg-180
row-gap: 45rem;
rg-181
row-gap: 45.25rem;
rg-182
row-gap: 45.5rem;
rg-183
row-gap: 45.75rem;
rg-184
row-gap: 46rem;
rg-185
row-gap: 46.25rem;
rg-186
row-gap: 46.5rem;
rg-187
row-gap: 46.75rem;
rg-188
row-gap: 47rem;
rg-189
row-gap: 47.25rem;
rg-190
row-gap: 47.5rem;
rg-191
row-gap: 47.75rem;
rg-192
row-gap: 48rem;
rg-193
row-gap: 48.25rem;
rg-194
row-gap: 48.5rem;
rg-195
row-gap: 48.75rem;
rg-196
row-gap: 49rem;
rg-197
row-gap: 49.25rem;
rg-198
row-gap: 49.5rem;
rg-199
row-gap: 49.75rem;
rg-200
row-gap: 50rem;
rg-201
row-gap: 50.25rem;
rg-202
row-gap: 50.5rem;
rg-203
row-gap: 50.75rem;
rg-204
row-gap: 51rem;
rg-205
row-gap: 51.25rem;
rg-206
row-gap: 51.5rem;
rg-207
row-gap: 51.75rem;
rg-208
row-gap: 52rem;
rg-209
row-gap: 52.25rem;
rg-210
row-gap: 52.5rem;
rg-211
row-gap: 52.75rem;
rg-212
row-gap: 53rem;
rg-213
row-gap: 53.25rem;
rg-214
row-gap: 53.5rem;
rg-215
row-gap: 53.75rem;
rg-216
row-gap: 54rem;
rg-217
row-gap: 54.25rem;
rg-218
row-gap: 54.5rem;
rg-219
row-gap: 54.75rem;
rg-220
row-gap: 55rem;
rg-221
row-gap: 55.25rem;
rg-222
row-gap: 55.5rem;
rg-223
row-gap: 55.75rem;
rg-224
row-gap: 56rem;
rg-225
row-gap: 56.25rem;
rg-226
row-gap: 56.5rem;
rg-227
row-gap: 56.75rem;
rg-228
row-gap: 57rem;
rg-229
row-gap: 57.25rem;
rg-230
row-gap: 57.5rem;
rg-231
row-gap: 57.75rem;
rg-232
row-gap: 58rem;
rg-233
row-gap: 58.25rem;
rg-234
row-gap: 58.5rem;
rg-235
row-gap: 58.75rem;
rg-236
row-gap: 59rem;
rg-237
row-gap: 59.25rem;
rg-238
row-gap: 59.5rem;
rg-239
row-gap: 59.75rem;
rg-240
row-gap: 60rem;
rg-241
row-gap: 60.25rem;
rg-242
row-gap: 60.5rem;
rg-243
row-gap: 60.75rem;
rg-244
row-gap: 61rem;
rg-245
row-gap: 61.25rem;
rg-246
row-gap: 61.5rem;
rg-247
row-gap: 61.75rem;
rg-248
row-gap: 62rem;
rg-249
row-gap: 62.25rem;
rg-250
row-gap: 62.5rem;
rg-251
row-gap: 62.75rem;
rg-252
row-gap: 63rem;
rg-253
row-gap: 63.25rem;
rg-254
row-gap: 63.5rem;
rg-255
row-gap: 63.75rem;
rg-256
row-gap: 64rem;
rg-257
row-gap: 64.25rem;
rg-258
row-gap: 64.5rem;
rg-259
row-gap: 64.75rem;
rg-260
row-gap: 65rem;
rg-261
row-gap: 65.25rem;
rg-262
row-gap: 65.5rem;
rg-263
row-gap: 65.75rem;
rg-264
row-gap: 66rem;
rg-265
row-gap: 66.25rem;
rg-266
row-gap: 66.5rem;
rg-267
row-gap: 66.75rem;
rg-268
row-gap: 67rem;
rg-269
row-gap: 67.25rem;
rg-270
row-gap: 67.5rem;
rg-271
row-gap: 67.75rem;
rg-272
row-gap: 68rem;
rg-273
row-gap: 68.25rem;
rg-274
row-gap: 68.5rem;
rg-275
row-gap: 68.75rem;
rg-276
row-gap: 69rem;
rg-277
row-gap: 69.25rem;
rg-278
row-gap: 69.5rem;
rg-279
row-gap: 69.75rem;
rg-280
row-gap: 70rem;
rg-281
row-gap: 70.25rem;
rg-282
row-gap: 70.5rem;
rg-283
row-gap: 70.75rem;
rg-284
row-gap: 71rem;
rg-285
row-gap: 71.25rem;
rg-286
row-gap: 71.5rem;
rg-287
row-gap: 71.75rem;
rg-288
row-gap: 72rem;
rg-289
row-gap: 72.25rem;
rg-290
row-gap: 72.5rem;
rg-291
row-gap: 72.75rem;
rg-292
row-gap: 73rem;
rg-293
row-gap: 73.25rem;
rg-294
row-gap: 73.5rem;
rg-295
row-gap: 73.75rem;
rg-296
row-gap: 74rem;
rg-297
row-gap: 74.25rem;
rg-298
row-gap: 74.5rem;
rg-299
row-gap: 74.75rem;
rg-300
row-gap: 75rem;
rg-301
row-gap: 75.25rem;
rg-302
row-gap: 75.5rem;
rg-303
row-gap: 75.75rem;
rg-304
row-gap: 76rem;
rg-305
row-gap: 76.25rem;
rg-306
row-gap: 76.5rem;
rg-307
row-gap: 76.75rem;
rg-308
row-gap: 77rem;
rg-309
row-gap: 77.25rem;
rg-310
row-gap: 77.5rem;
rg-311
row-gap: 77.75rem;
rg-312
row-gap: 78rem;
rg-313
row-gap: 78.25rem;
rg-314
row-gap: 78.5rem;
rg-315
row-gap: 78.75rem;
rg-316
row-gap: 79rem;
rg-317
row-gap: 79.25rem;
rg-318
row-gap: 79.5rem;
rg-319
row-gap: 79.75rem;
rg-320
row-gap: 80rem;
rg-321
row-gap: 80.25rem;
rg-322
row-gap: 80.5rem;
rg-323
row-gap: 80.75rem;
rg-324
row-gap: 81rem;
rg-325
row-gap: 81.25rem;
rg-326
row-gap: 81.5rem;
rg-327
row-gap: 81.75rem;
rg-328
row-gap: 82rem;
rg-329
row-gap: 82.25rem;
rg-330
row-gap: 82.5rem;
rg-331
row-gap: 82.75rem;
rg-332
row-gap: 83rem;
rg-333
row-gap: 83.25rem;
rg-334
row-gap: 83.5rem;
rg-335
row-gap: 83.75rem;
rg-336
row-gap: 84rem;
rg-337
row-gap: 84.25rem;
rg-338
row-gap: 84.5rem;
rg-339
row-gap: 84.75rem;
rg-340
row-gap: 85rem;
rg-341
row-gap: 85.25rem;
rg-342
row-gap: 85.5rem;
rg-343
row-gap: 85.75rem;
rg-344
row-gap: 86rem;
rg-345
row-gap: 86.25rem;
rg-346
row-gap: 86.5rem;
rg-347
row-gap: 86.75rem;
rg-348
row-gap: 87rem;
rg-349
row-gap: 87.25rem;
rg-350
row-gap: 87.5rem;
rg-351
row-gap: 87.75rem;
rg-352
row-gap: 88rem;
rg-353
row-gap: 88.25rem;
rg-354
row-gap: 88.5rem;
rg-355
row-gap: 88.75rem;
rg-356
row-gap: 89rem;
rg-357
row-gap: 89.25rem;
rg-358
row-gap: 89.5rem;
rg-359
row-gap: 89.75rem;
rg-360
row-gap: 90rem;
rg-361
row-gap: 90.25rem;
rg-362
row-gap: 90.5rem;
rg-363
row-gap: 90.75rem;
rg-364
row-gap: 91rem;
rg-365
row-gap: 91.25rem;
rg-366
row-gap: 91.5rem;
rg-367
row-gap: 91.75rem;
rg-368
row-gap: 92rem;
rg-369
row-gap: 92.25rem;
rg-370
row-gap: 92.5rem;
rg-371
row-gap: 92.75rem;
rg-372
row-gap: 93rem;
rg-373
row-gap: 93.25rem;
rg-374
row-gap: 93.5rem;
rg-375
row-gap: 93.75rem;
rg-376
row-gap: 94rem;
rg-377
row-gap: 94.25rem;
rg-378
row-gap: 94.5rem;
rg-379
row-gap: 94.75rem;
rg-380
row-gap: 95rem;
rg-381
row-gap: 95.25rem;
rg-382
row-gap: 95.5rem;
rg-383
row-gap: 95.75rem;
rg-384
row-gap: 96rem;
rg-px
row-gap: 1px;

Responsiveness

Use breakpoint prefixes to target different screen sizes. Styles apply from the breakpoint & up.

Target viewport sizes with breakpoint prefixes.

@sm:rg-(value)
Small≥640px
@md:rg-(value)
Medium≥768px
@lg:rg-(value)
Large≥1024px
@xxl:rg-(value)
Extra Large≥1536px

Hover State

Apply styles conditionally on hover using the h: prefix.

Add the h: prefix to apply styles only when the user hovers over the element.

Syntax:h:rg-(value)

Negative Values

Use negative variants to apply negative spacing.

Use the -- syntax to apply negative numeric values.

Syntax:rg--(value)