Popravek prikaza načinov posredovanja na mobilnih napravah - dodana responsive grid struktura
Deploy to Development and Production / deploy (push) Successful in 3m26s Details

This commit is contained in:
Mark 2026-02-26 23:26:18 +01:00
parent 0e9bde256e
commit 78e7e64e5a
1 changed files with 20 additions and 0 deletions

View File

@ -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;
}
}