.grid-c2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .grid-c3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } @media (max-width: 1100px) { .grid-c3 { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .grid-c2, .grid-c3 { grid-template-columns: 1fr; } } .grid-hashes { display: grid; grid-template-columns: repeat(4,0.5fr) 0.25fr; gap: 20px; } .grid-credits { display: grid; grid-template-columns: 0.5fr 1fr 0.25fr; gap: 20px; } .grid-entries { display: grid; grid-template-columns: repeat(6,1fr); gap: 20px; margin-bottom: 20px; }