Template:GameLanding.css

From TwogPedia
.game__landing {
	display: flex;
	gap: 1rem;
}

.box__landing {
	width: 100%;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.box__container {border: 1px solid #000;}

.box__title {
	padding: 0.5rem;
	background-color: #ddffdd;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 800;
}
.featured__info {
	display: flex; 
	gap: 1rem;
	text-align: center;
    justify-content: center;
}
.transfer__container {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-column-gap: 0.5rem;
	text-align: center;
}

.transfer__header {
	text-align: center;
	font-size: 1.1rem;
	font-weight: 800;
}
.transfer__row {
	display: contents;
}
.transfer__player {
	display: flex; 
	column-gap: 0.5rem;
	justify-content: start;
	padding-left: 0.5rem;
}

.tournament__container {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-column-gap: 0.5rem;
	text-align: center;
}
.tournament__header {
	text-align: center;
	font-size: 1.1rem;
	font-weight: 800;
}
.tournament__row {display: contents;}
.tournament__name {display: flex; column-gap: 0.5rem;}