From 8ab987f2754b5012b1f04c6db361e78969e33541 Mon Sep 17 00:00:00 2001 From: Pontoporeia Date: Thu, 22 Dec 2022 14:21:22 +0100 Subject: [PATCH] box shadow sur les li de la homepage --- style.css | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index 3673129..8cea227 100644 --- a/style.css +++ b/style.css @@ -214,6 +214,19 @@ overflow: hidden; padding: 1rem; margin: 0.5rem; + border-radius: 16px; + box-shadow: 2px 4px 8px 2px rgba(218, 109, 109, 0.2), 0 6px 20px 0 rgba(216, 24, 24, 0.19); + + /* FAIRE UNE GRID POUR QUE LES BOX AIELLENT TOUTES LA MÊME HAUTEUR */ + + /* height: 65vh; */ + } + + #mosaic li:hover { + color: #c104fc; + border-color: #c104fc; + border-style: solid; + border-radius: 16px; } #mosaic img { @@ -234,12 +247,6 @@ margin: 1rem; } - #mosaic li:hover { - color: #c104fc; - border-color: #c104fc; - border-style: solid; - border-radius: 16px; - } /* LISTE ANNÉE, tag, etc */ @@ -311,7 +318,8 @@ height: 700px; /* max-height: 800px ; */ position: relative; - margin: 0 auto; /* margin-left: 10%; */ + margin: 0 auto; + /* margin-left: 10%; */ padding: 0.2rem; border-color: #c104fc; border-style: solid;