From 9d412dfefe8b382f73fd95f52c4b677dbd3701ba Mon Sep 17 00:00:00 2001 From: tymoteuszjozwiak Date: Mon, 23 Oct 2023 15:41:50 +0200 Subject: [PATCH] improve image responsive view --- css/style.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 8e498c4..343b993 100644 --- a/css/style.css +++ b/css/style.css @@ -43,9 +43,10 @@ body { } img { - width: 100%; + min-width: 60%; + margin: auto; + display: block; height: auto; - vertical-align: middle; object-fit: cover; } @@ -107,7 +108,7 @@ a:hover { text-decoration: none; text-align: center; padding: 0.875rem 1.25rem; - margin: .25rem; + margin: 0.25rem; border-radius: 0.625rem; cursor: pointer; color: var(--btn-txt-color); @@ -393,6 +394,10 @@ nav .nav-btn { padding: 15% 5% 0; } + img { + width: 100%; + } + .social, .share { display: flex;