title | layout |
---|---|
People |
page |
h1 {text-align: center;}
img { border-radius: 50%; width: 150px; height: 150px; }
.column { float: left; width: 45%; }
.row { display: flex; justify-content: space-around; /* Align columns horizontally with space between */ }
.container.column.is-centered { display: flex; flex-direction: column; justify-content: center; /* Center content vertically / align-items: center; / Center content horizontally */ }
.container.is-centered { display: flex; justify-content: center; align-items: center; }
.container.is-centered a { margin: 0 10px; /* Optional: Add some horizontal space between the images */ }
.center { max-width: 100%; /* Ensure images don't exceed container width / height: auto; / Maintain aspect ratio / display: block; / Remove any default inline spacing */ }
</style>