You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
983 B
42 lines
983 B
.path-frontpage .field--name-body .kln-logo-grid--five-columns { |
|
display: grid; |
|
grid-template-columns: repeat(5, 145px); |
|
gap: 0; |
|
margin: 2rem 0 5rem; |
|
background: #fff; |
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18); |
|
width: fit-content; |
|
} |
|
|
|
.path-frontpage .field--name-body .kln-logo-grid--five-columns a { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
width: 145px; |
|
height: 135px; |
|
padding: 8px; |
|
background: #fff; |
|
border: 1px solid #e5e5e5; |
|
box-sizing: border-box; |
|
text-decoration: none; |
|
} |
|
|
|
.path-frontpage .field--name-body .kln-logo-grid--five-columns img { |
|
max-width: 125px; |
|
max-height: 115px; |
|
width: auto; |
|
height: auto; |
|
object-fit: contain; |
|
} |
|
|
|
@media (max-width: 800px) { |
|
.path-frontpage .field--name-body .kln-logo-grid--five-columns { |
|
grid-template-columns: repeat(2, 145px); |
|
} |
|
} |
|
|
|
@media (max-width: 400px) { |
|
.path-frontpage .field--name-body .kln-logo-grid--five-columns { |
|
grid-template-columns: 145px; |
|
} |
|
}
|
|
|