Мне нужно выровнять элементы с помощью flex-direction:column; собственность, но это испортило мой дизайн ⇐ CSS

[Anonymous]

У меня есть такой код (да, он довольно плохой):

Код: Выделить всё

Catálogo

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}/*Base sets*/
:root{
--lightThemeColor1: #ecd8ff;
--lightThemeColor2: #4d1147;
--lightThemeColor3: #2f0a2b;
--fontClara: white;
--shadow:rgb(36, 36, 36);
}/*Área das variáveis*/
section.catalogo-principal-box{
width: 100%;
padding: 30px;
& h1{
font-size: 32px;
margin: 0px 0px 30px 0px;
}
& div.books{
width: 100%;
display: flex;
background-color: var(--lightThemeColor2);
flex-wrap:wrap;
padding: 12.5px;
border: 5px solid var(--lightThemeColor3);
box-shadow: 2px 3px 4px 0px rgb(80,80,80);
}
& div#livro0{
background-color:red;
margin:0;
}
& div.book{
width: 80px;
height:100px;
background-color:var(--lightThemeColor3);
display: flex;
margin: 0px 5rem;
a{
width: 100%;
height:90%;
}
}
}





Catálogo





Подробнее здесь: [url]https://stackoverflow.com/questions/79045227/i-need-align-itens-with-flex-directioncolumn-property-but-this-ruins-my-desig[/url]