Template:Knight Challenge/Styles.css

/* */

.knight-challenges-page-container { background-color: #17568c; border-radius: 0.5rem; padding: 1rem; }

.knight-challenges-page-banner { text-align: center; } .knight-challenges-page-banner img { height: auto; max-width: 100%; }

.knight-challenges-cards-container { display: grid; margin-bottom: 3rem; }

.knight-challenges-card-header { margin: 1rem 0 0.5rem; text-align: center; }

.knight-challenges-card-content { background-color: #17456e; border-radius: 0.5rem; padding: 0.5rem; }

@media (min-width: 68.75rem) { .knight-challenges-cards-container { grid-template-columns: repeat(3, 1fr); column-gap: 1rem; }	.knight-challenges-card-header { grid-row: 1; }	.knight-challenges-card-content { grid-row: 2; } }