Cheat Sheet CSS

.fs-1 { font-size: 42px; }
.fs-2 { font-size: 32px; }
.fs-3 { font-size: 26px; }
.fs-4 { font-size: 20px; }
.fs-5 { font-size: 18px; }
.fs-6 { font-size: 16px; }

.fw-light    { font-weight: 300; }
.fw-normal   { font-weight: 400; }
.fw-medium   { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.fw-bold     { font-weight: 700; }

.p-1 .m-1 { 4px; }
.p-2 .m-2 { 8px; }
.p-3 .m-3 { 16px; }
.p-4 .m-4 { 24px; }
.p-5 .m-5 { 48px; }

.flex-center {
  display:         flex;
  align-items:     center;
  justify-content: center;
}

.grid-3x1fr {
  display:  grid;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
}

.container{
  display: grid;
  grid-template-columns: minmax(14rem, 30%) 1fr;
}

* { box-sizing: border-box !important; outline: 3px solid limegreen !important}