From faecfa554e8ac349706b97e5a438052832157c51 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Wed, 21 Oct 2020 22:19:07 +0200 Subject: add event grid --- artistes.css | 15 --------------- artistes.html | 1 + commun.css | 14 ++++++++++++++ "\303\251v\303\251nements.css" | 17 +++++++++++++++++ "\303\251v\303\251nements.html" | 29 +++++++++++++++++++++++++++++ 5 files changed, 61 insertions(+), 15 deletions(-) create mode 100644 commun.css create mode 100644 "\303\251v\303\251nements.css" create mode 100644 "\303\251v\303\251nements.html" diff --git a/artistes.css b/artistes.css index ec5a977..2d3aa19 100644 --- a/artistes.css +++ b/artistes.css @@ -1,18 +1,3 @@ -body { - background: #eee; - padding-left: 10%; - padding-right: 10%; -} - -nav ol { - display: flex; - list-style-type: none; -} - -nav ol li { - flex: 1; -} - .main { display: flex; } diff --git a/artistes.html b/artistes.html index 0a72d1f..062db55 100644 --- a/artistes.html +++ b/artistes.html @@ -1,4 +1,5 @@ + diff --git a/commun.css b/commun.css new file mode 100644 index 0000000..1a6b751 --- /dev/null +++ b/commun.css @@ -0,0 +1,14 @@ +body { + background: #eee; + padding-left: 10%; + padding-right: 10%; +} + +nav ol { + display: flex; + list-style-type: none; +} + +nav ol li { + flex: 1; +} diff --git "a/\303\251v\303\251nements.css" "b/\303\251v\303\251nements.css" new file mode 100644 index 0000000..e76a531 --- /dev/null +++ "b/\303\251v\303\251nements.css" @@ -0,0 +1,17 @@ +.events { + display: grid; + width: 60%; + grid-auto-rows: 14vw; + grid-template-columns: repeat(auto-fit, 14vw); + grid-gap: 1em; + margin-left: auto; + margin-right: 0; + background-color: #ccc; +} + +.event { + display: flex; + align-items: center; + justify-content: center; + background-color: #fff; +} diff --git "a/\303\251v\303\251nements.html" "b/\303\251v\303\251nements.html" new file mode 100644 index 0000000..97fba31 --- /dev/null +++ "b/\303\251v\303\251nements.html" @@ -0,0 +1,29 @@ + + + + + + + +

Quelque part
À un moment

+ -- cgit v1.2.3