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: 4px;
	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: 100%;
	height: 200px;
	object-fit: cover;
}
.random-person h2 {
	font-size: 16px;
	text-align: center;
	padding: 16px;
	margin-top: 0;
}