.przyklad-1 .karty .karta {  background: #ccc; }
.przyklad-1 .karty  {  background:#b6b9b6;   display: grid; grid-gap: 0.35rem;
 grid-template-columns: 1fr 0.5fr 0.25fr; 
  grid-template-rows: 1fr  2fr}
.przyklad-1 {width: 600px; }

.przyklad-2 .karty .karta {  background: #ccc; }
.przyklad-2 .karty  {  background:#b6b9b6;   display: grid; grid-gap: 0.35rem;
 grid-template-columns: 4fr 2fr 1fr; 
 grid-template-rows: min-content  max-content }
.przyklad-2 {width: 600px; }