Mudanças entre as edições de "Predefinição:ItemButton/styles.css"
Ir para navegação
Ir para pesquisar
| Linha 47: | Linha 47: | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
background-color:#fff; | background-color:#fff; | ||
} | |||
.item-botao{ | |||
margin-top: 5px; | |||
padding: 0px; | |||
margin-bottom: 20px; | |||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); | |||
border-radius: 30px; | |||
border: 20px inset black; | |||
} | } | ||
Edição das 20h20min de 15 de outubro de 2025
.container-principal{
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100%;
box-sizing: border-box;
}
.coluna-flex{
flex: 1; min-width: 45%;
display: flex;
flex-direction: column;
}
.caixa-categoria{
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
margin-bottom: 20px;
background: #fff;
}
.titulo-categoria{
text-align: center;
font-size: 1.4em;
font-weight: 600;
color: white;
padding: 12px 15px;
}
.itens-linha{
display: flex;
flex-wrap: wrap;
justify-content:space-around;
margin-top: 20px;
gap:25px;
border: 1px solid black;
}
.item-celula{
width: 25%;
box-sizing: border-box;
margin-bottom: 20px;
background-color:#fff;
}
.item-botao{
margin-top: 5px;
padding: 0px;
margin-bottom: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 30px;
border: 20px inset black;
}