diff --git a/style.css b/style.css index 1eb1ca1a..f21b1224 100644 --- a/style.css +++ b/style.css @@ -1523,7 +1523,6 @@ footer { .footer-bottom small { font-size: 1rem; display: inline; - white-space: nowrap; } .footer-bottom-links { diff --git a/test.css b/test.css index e9d2c441..4114a49a 100644 --- a/test.css +++ b/test.css @@ -78,7 +78,7 @@ h1 { transition: all linear .8s; border: 1px solid rgba(255, 255, 255, 0.125); box-shadow: 2px 2px 2px rgb(5, 5, 5); - display: flex; + display: none; justify-content: center; align-items: center; margin-top: 0px; @@ -109,7 +109,7 @@ button { padding: 15px 20px; border-radius: 2rem; cursor: pointer; - margin-left: 300px; + margin-left: -26px; } diff --git a/test.html b/test.html index 0a622476..f25b536f 100644 --- a/test.html +++ b/test.html @@ -1,11 +1,12 @@ + Blood Test - + @@ -31,7 +32,7 @@ integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> - + +.sec-img { + display: block; + margin: 20px auto; + height: 402px; + margin-top: -65px; + margin-bottom: -79px; + width: auto; +} + +/* Container styles */ +.container-service { + padding: 0; /* Remove default padding */ +} + +.container-service .container { + padding: 0 15px; /* Adjust padding for responsiveness */ +} + +.content-wrapper { + max-width: 600px; + margin: 0 auto; /* Center content */ +} + +/* Responsive Design */ +@media (max-width: 768px) { + .hero-heading { + font-size: 50px; /* Reduce font size for smaller screens */ + } + .sec-img { + height: 80px; /* Adjust image size for smaller screens */ + } +} + +@media (max-width: 576px) { + .hero-heading { + font-size: 40px; /* Further reduce font size for very small screens */ + } + .sec-img { + height: 426px; + margin-top: -56px; + margin-bottom: -111px; + } +} + + +
-
+ + + + + - - + + +





+ + + + + + \ No newline at end of file