diff --git a/css/ajout.css b/css/ajout.css index af2282a..c25d792 100644 --- a/css/ajout.css +++ b/css/ajout.css @@ -184,11 +184,13 @@ /************************** * liste preésentation des services (accueil) * ************************/ +.presentation article .services { + +} .presentation article ul { list-style: none; - column-count: 2; padding: 0; - margin: 0 0 2em; + margin: 0 2em 2em 0; } .presentation article ul li { margin-bottom: 0.3em; @@ -209,7 +211,7 @@ color: #ff5e00; } -.presentation article li:first-child a::before { +.presentation article ul.spip:first-child li:first-child a::before { content: 'NOUVEAU !'; background-color: yellow; position: absolute; @@ -221,21 +223,21 @@ margin-left: -3em; transform: rotate(-8deg); } -@media screen and (max-width: 1280px) { - - .presentation article ul { - column-count: 1; + +@media screen and (min-width: 1440px) { + .presentation article .services { + display: flex; } } -@media screen and (max-width: 760px) { - - .presentation article ul { - column-count: 2; + +@media screen and (min-width: 768px) { + .presentation article .services { + display: block; } } -@media screen and (max-width: 540px) { - - .presentation article ul { - column-count: 1; + +@media screen and (min-width: 540px) { + .presentation article .services { + display: flex; } -} +} \ No newline at end of file