Fix grid horizontal scroll: remove overflow-x:hidden from body
body was silently clipping all horizontal overflow. min-width:0 on #main prevents flex child from expanding beyond container. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -41,7 +41,6 @@ body {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== HEADER ===== */
|
/* ===== HEADER ===== */
|
||||||
@@ -98,8 +97,7 @@ nav {
|
|||||||
#main {
|
#main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
width: 100%;
|
min-width: 0;
|
||||||
overflow-x: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== SPLIT LAYOUT ===== */
|
/* ===== SPLIT LAYOUT ===== */
|
||||||
|
|||||||
Reference in New Issue
Block a user