diff --git a/static/css/styles.css b/static/css/styles.css index 4b393e2..3b56ac0 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -255,8 +255,8 @@ a:hover, } .image-result-container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); + display: flex; + flex-wrap: wrap; grid-gap: 1.5rem; justify-items: center; margin-left: 9%; @@ -265,11 +265,20 @@ a:hover, margin-bottom: 50px; } -.image-result-container img { - border: 2px solid var(--button-bg); - margin: 10px; +a[title] { + flex-grow: 1; + height: 12rem; } +.image-result-container img { + margin: 0px; + height: 100%; + width: 100%; + object-fit: cover; + vertical-align: bottom; +} + + .git-container { right: 0; }