
Siccome sto costruendo un sito da presentare al corso, avevo intenzione di creare un div con all'interno altri div quadrati scorrevoli, ma la barra di scorrimento non funziona e i quadrati si restringono fra loro. C'è altra alternativa per farlo funzionare?
Questo è il codice che ho scritto:
`#box1{
border: red 1px solid;
width: 1500px;
height: 450px;
position: relative;
top: 300px;
left: 200px;
overflow-x: scroll;
overflow-y: hidden;
display: flex;
flex-direction: initial;
gap: 50px;
}
.container1, .container2, .container3, .container4, .container5, .container6{
border: red 1px solid;
width: 300px;
height: 395px;
position: relative;
top: 20px;
}`