Gap on four sides of grid

Hi,everyone,
Iam trying to give gap between all four sides of inner container but not able to do so.kindly help.
pen is https://codepen.io/gurpreet_singh9189825/pen/abvmBpO

Give the .row container a padding of 10px

  .row{
                padding: 10px
              }

hi, thanks but why grid-gap not working.
and how i can fix it with grid gap?

grid-gap adds gaps between grid items. You wanted gap between grid items and their container i.e. padding.

Yes Thats working thanks.