Popravek prikaza načinov posredovanja na mobilnih napravah - dodana responsive grid struktura
Deploy to Development and Production / deploy (push) Successful in 3m26s
Details
Deploy to Development and Production / deploy (push) Successful in 3m26s
Details
This commit is contained in:
parent
0e9bde256e
commit
78e7e64e5a
|
|
@ -7966,3 +7966,23 @@ html, body {
|
|||
grid-template-columns: 1fr; /* En stolpec na zelo majhnih zaslonih */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* --- Popravek za prikaz načinov posredovanja na mobilnih napravah --- */
|
||||
@media (max-width: 768px) {
|
||||
/* Spremeni grid v en stolpec na mobilnih napravah */
|
||||
.content-section > .container > div[style*="grid-template-columns: repeat(2, 1fr)"] {
|
||||
grid-template-columns: 1fr !important;
|
||||
gap: 2rem !important;
|
||||
}
|
||||
|
||||
/* Odstrani align-items: end, da se kartici ne poravnata po spodnjem robu */
|
||||
.content-section > .container > div[style*="align-items: end"] {
|
||||
align-items: stretch !important;
|
||||
}
|
||||
|
||||
/* Prilagodi padding za boljši prikaz */
|
||||
.content-section > .container > div > div[style*="flex-direction: column"] {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue