g1chapeau/layout.css

77 lines
783 B
CSS

.creatorsList > li a {
border-radius: 0rem;
}
.donorsList > li a {
border-radius: 50%;
}
ul {
display: grid;
justify-content: center;
list-style: none;
grid-template-columns: 12rem;
grid-gap: 1rem;
}
ul > li {
width: 12rem;
display: flex;
}
ul > li a {
width: 100%;
display: flex;
flex-direction: column;
border: 0.125rem solid hsl(0, 0%, 50%);
padding: 1rem;
overflow: hidden;
}
ul > li a > .avatar {
order: 1;
}
ul > li a > .avatar img {
width: auto;
height: 9rem;
display: block;
margin: auto;
}
ul > li a > .name {
order: 2;
text-align: center;
}
ul > li:nth-of-type(3n+1) {
grid-column: 1;
}
ul > li:nth-of-type(3n+2) {
grid-column: 2;
}
ul > li:nth-of-type(3n+3) {
grid-column: 3;
}
#successMsg {
display: none;
}