diff options
| -rw-r--r-- | actualités.css | 6 | ||||
| -rw-r--r-- | actualités.html | 7 | ||||
| -rw-r--r-- | commun.css | 1 | ||||
| -rw-r--r-- | quatuor.css | 4 |
4 files changed, 13 insertions, 5 deletions
diff --git a/actualités.css b/actualités.css index 6a2bd4a..a5f686c 100644 --- a/actualités.css +++ b/actualités.css @@ -1,11 +1,9 @@ .events { display: grid; - width: 60%; + width: 60vw; grid-auto-rows: 14vw; grid-template-columns: repeat(auto-fit, 14vw); grid-gap: 1em; - margin-left: auto; - margin-right: 0; background-color: #ccc; } @@ -59,5 +57,5 @@ display: block; position: fixed; top: 10em; - left: 0; + left: 60vw; } diff --git a/actualités.html b/actualités.html index e1588e8..5524640 100644 --- a/actualités.html +++ b/actualités.html @@ -31,6 +31,8 @@ </header> <main> + <h1>Prochains concerts</h1> + <div class="events"> <div class="event"> <input type="radio" name="event"> @@ -56,6 +58,11 @@ <p class="summary">Quelque part<br>À un moment</p> <div class="details">Des détails #3 !<br>Pleeeein de détails.</div> </div> + </div> + + <h1>Prochains concerts</h1> + + <div class="events"> <div class="event"> <input type="radio" name="event"> <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png"> @@ -74,7 +74,6 @@ nav ol li { main { grid-row: 2; grid-column: 1; - display: flex; overflow: auto; background-color: #fdd; } diff --git a/quatuor.css b/quatuor.css index 7a1cb22..c5bb134 100644 --- a/quatuor.css +++ b/quatuor.css @@ -1,3 +1,7 @@ +main { + display: flex; +} + main div { padding: 2%; } |