From 51ed97273ca9c620515706cfd6fb5f564761340b Mon Sep 17 00:00:00 2001 From: Mylloon Date: Tue, 19 Mar 2024 13:01:34 +0100 Subject: [PATCH] Last element in odd list take all space available --- static/css/portfolio.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/static/css/portfolio.css b/static/css/portfolio.css index bd04af6..6687261 100644 --- a/static/css/portfolio.css +++ b/static/css/portfolio.css @@ -31,6 +31,10 @@ main ul:not(ul ul) { main ul:not(ul ul) { grid-template-columns: none; } + + main li:not(ul ul > li) { + grid-column: inherit !important; + } } /* Card */ @@ -50,6 +54,10 @@ main li:not(ul ul > li) { margin-inline: 5px; } +main li:not(ul ul > li):nth-child(odd):last-child { + grid-column: span 2; +} + main li:hover:not(ul ul > li) { background: color-mix(in srgb, var(--background) 40%, var(--extreme)); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);