Conversion class vers id

This commit is contained in:
Valentin Moguérou 2023-07-16 09:09:08 +02:00
parent 0ef792bfdc
commit c57fda392a
3 changed files with 8 additions and 12 deletions

View File

@ -24,7 +24,7 @@
</div>
<h1>Simulateur du Bac Général</h1>
</header>
<div class="resultat">
<div id="resultat">
<div>
<span id="total-points"></span>
<p>Points</p>

View File

@ -24,7 +24,7 @@
</div>
<h1>Simulateur du Bac Français International</h1>
</header>
<div class="resultat">
<div id="resultat">
<div>
<span id="total-points"></span>
<p>Points</p>

View File

@ -68,7 +68,7 @@ main {
margin: 30px auto;
}
.resultat {
#resultat {
background-color: #ffffff;
position: sticky;
top: 0;
@ -79,7 +79,7 @@ main {
gap: 15px;
}
.resultat div, .choix-appli-wrapper div {
#resultat div, .choix-appli-wrapper div {
padding: 15px;
border: 1px solid #ddd;
text-align: center;
@ -102,30 +102,26 @@ main {
background-color: #eeeeee;
}
.resultat div span, .choix-appli-wrapper span {
#resultat div span, .choix-appli-wrapper span {
font-size: 2em;
}
.resultat div p, .choix-appli-wrapper p {
#resultat div p, .choix-appli-wrapper p {
margin-top: 15px;
}
.resultat table {
margin: 10px auto;
}
@media screen and (max-width: 1000px) {
main {
width: 100vw;
}
.resultat, .choix-appli-wrapper {
#resultat, .choix-appli-wrapper {
position: static;
flex-direction: column;
align-items: center;
}
.resultat div, .choix-appli-wrapper a {
#resultat div, .choix-appli-wrapper a {
width: clamp(300px, 60%, 700px);
}