fix: add spfn staff cards text wrapping (should fix the website not being readable on mobile!)
This commit is contained in:
parent
109955f7f9
commit
8acc6207a2
1 changed files with 14 additions and 11 deletions
|
|
@ -277,19 +277,21 @@ code {
|
|||
border: 4px solid #a00b0b;
|
||||
}
|
||||
|
||||
.team-members {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 8px;
|
||||
max-width: 2000px;
|
||||
margin: 0 auto;
|
||||
flex: 1;
|
||||
.team-member img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
max-width: 64px;
|
||||
max-height: 64px;
|
||||
|
||||
object-fit: cover;
|
||||
flex-shrink: 0;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.member-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
@ -299,12 +301,13 @@ code {
|
|||
margin: 8px 8px;
|
||||
padding: 8px 8px;
|
||||
border-radius: 15px;
|
||||
align-items: flex-start;
|
||||
gap: 12px;
|
||||
flex: 1 1 280px;
|
||||
max-width: 600px;
|
||||
height: 10rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
box-sizing: border-box;
|
||||
flex: 0 1 30%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.team-link {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue