responsive tableau

This commit is contained in:
Baptiste 2022-06-18 17:30:43 +02:00
parent 1d7f0637fb
commit ee4b09e009

View file

@ -5,6 +5,18 @@ main {
width: 100%; width: 100%;
} }
section {
display: block;
background-color: rgba(255,255,255,0.5);
width: 80%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding: 50px;
font-size: 1.2rem;
margin-top: 40px;
}
table { table {
margin: 50px; margin: 50px;
border-collapse: collapse; border-collapse: collapse;
@ -30,7 +42,7 @@ table td {
.tr-th th { .tr-th th {
padding: 20px; padding: 20px;
color: black; color: black;
font-size: 30px; font-size: 1.2rem;
} }
.tr-td { .tr-td {
@ -51,14 +63,14 @@ div.content {
border: 2px solid black; border: 2px solid black;
} }
section { @media (max-width: 1020px) {
display: block; table {
background-color: rgba(255,255,255,0.5); width: 100%;
width: 80%; }
max-width: 800px;
margin-left: auto; .tr-th th {
margin-right: auto; height: width;
padding: 50px; padding: 5px;
font-size: 1.2rem; font-size: 0.5rem;
margin-top: 40px; }
} }