Amélie |Ensemble 3 Pièces

Description

.table-container {
width: 100%;
max-width: 500px; /* Réduction maximale pour éviter tout débordement */
margin: 10px auto;
background: #fff;
padding: 8px;
border-radius: 6px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
overflow-x: auto;
}

.size-table {
width: 100%;
border-collapse: collapse;
min-width: 450px; /* Empêche le texte de se compresser trop */
font-size: 11px; /* Réduction de la taille du texte */
}

.size-table th, .size-table td {
padding: 4px; /* Moins d’espace pour un meilleur ajustement */
text-align: center;
border: 1px solid #ddd;
}

.size-table th {
background-color: #e67e22;
color: white;
font-size: 10px; /* Encore plus petit pour un meilleur affichage */
}

.size-table td {
background-color: #ffffff;
font-size: 10px; /* Réduction supplémentaire de la police */
}

.size-notes {
font-size: 10px;
text-align: left;
max-width: 500px;
margin: 5px auto;
}

@media screen and (max-width: 600px) {
.size-table {
font-size: 9px; /* Ultra compact sur mobile */
}

.size-table th, .size-table td {
padding: 3px;
font-size: 9px; /* Ajustement maximal pour petit écran */
}
}