Layout: razširi main na 1600px + levi panel fiksno 440px
Prej: max-width 1100px, 1fr/1fr grid → na velikih ekranih je bil levi 'Nov reel' panel zelo otesnjen, desni list pa premajhen. Zdaj: - main max-width 1600px (več prostora na velikih ekranih) - levi panel fiksno 440px (vsebina diha + tabi v eni vrstici) - desni jobs list zavzema vso preostalo širino (1fr) - Responsive: <1100px → levi 380px, <900px → stack 1 stolpec
This commit is contained in:
parent
2fcc4b8075
commit
cd872d8bea
@ -50,11 +50,11 @@
|
||||
margin-right: 4px;
|
||||
}
|
||||
main {
|
||||
max-width: 1100px;
|
||||
max-width: 1600px;
|
||||
margin: 0 auto;
|
||||
padding: 32px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-columns: 440px 1fr;
|
||||
gap: 24px;
|
||||
align-items: start;
|
||||
}
|
||||
@ -64,7 +64,10 @@
|
||||
max-height: calc(100vh - 32px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
@media (max-width: 1100px) {
|
||||
main { grid-template-columns: 380px 1fr; }
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
main { grid-template-columns: 1fr; }
|
||||
main > section.card:first-of-type {
|
||||
position: static;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user