Vorlage:RandomPerson/style.css

.people-container {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
@media screen and (max-width: 1200px) {
	.people-container {
		grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);
	}
}
@media screen and (max-width: 1200px) {
	.people-container {
		grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);
	}
}
@media screen and (max-width: 992px) {
	.people-container {
		grid-template-columns: 50% 50%;
	}
}
.random-person {
	margin: 8px;
	display: flex;
	flex-direction: column;
    flex-basis: 25%;
    flex-grow: 1;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.random-person img {
	width: 150px;
	height: auto;
	max-height: 200px;
}
.random-person h2 {
	font-size: 16px;
	text-align: center;
	padding: 8px;
}