From 3b596a8a1873482aa1d4c61124f39d3f63008d93 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B3=BD=EB=8F=99=EC=A4=80?= <k3357943@ajou.ac.kr> Date: Thu, 23 Mar 2023 11:51:35 +0900 Subject: [PATCH] image flexible on --- public/index.html | 2 +- public/style.css | 10 ++++++++-- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/public/index.html b/public/index.html index 657cb2e..50519bb 100644 --- a/public/index.html +++ b/public/index.html @@ -14,7 +14,7 @@ </div> <div class="centerImage"> - <img src = "image/thankyou_kong.jpg", alt="GamSaKong"> + <img class="centerImage", src = "image/thankyou_kong.jpg", alt="GamSaKong"> </div> <h1>Kwak Dong Jun</h1> diff --git a/public/style.css b/public/style.css index 7f7882c..8680a73 100644 --- a/public/style.css +++ b/public/style.css @@ -22,9 +22,15 @@ body { color: #ffffff; } +.centerImage { + max-width: 70%; + overflow: hidden; + display: block; + margin: auto; +} + .centerImage img{ - max-width: 100%; - height: 360px; + width: 360px; display: block; margin: auto; } -- GitLab