Pruebas

#volunteers.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; } #volunteers.grid > div { background: #eee; padding: 1.6em; text-align: center; border-radius: 8px; font-size: 1.5em; display: flex ; align-items: center; flex-flow: column;} #volunteers.grid > div .photo { width: 240px; height: 240px; border-radius: 50%; overflow: hidden; border: 4px solid #00b4bc; display: flex; align-items: center; justify-content: center; } #volunteers.grid > div p.photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } #volunteers.grid > div p.name { font-size: 1em; margin-bottom: 0.5em; } #volunteers.grid > div p.role { font-size: 0.65em; } @media (max-width: 600px) { #volunteers.grid { grid-template-columns: 1fr; } }