From be9d2addbd104177a5d440ebe45809a67e4b6da4 Mon Sep 17 00:00:00 2001 From: raefko Date: Tue, 20 Feb 2024 13:16:08 +0100 Subject: [PATCH] Change some css --- index.html | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 47e3fbc..441331e 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,8 @@ .container { text-align: center; - padding: 20px; + padding: 50px; + width: 20%; border-radius: 10px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.1); @@ -36,20 +37,28 @@ } a { - display: inline-block; - background: linear-gradient(to right, #ce2d63, #0077ff); + display: block; + /* Updated this line */ + background: linear-gradient(90deg, hsla(345, 69%, 52%, 1) 0%, hsla(283, 31%, 56%, 1) 44%, hsla(215, 100%, 50%, 1) 100%); color: white; - padding: 10px 20px; + padding: 12px 20px; text-decoration: none; - margin: 10px 0; + margin: 15px auto; + /* Updated to center the links */ border-radius: 5px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease, box-shadow 0.2s ease; + width: 30%; + /* Set a width or max-width if you want to control the width of the buttons */ + max-width: 200px; + /* Maximum width of buttons */ } a:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); + width: 60%; + } @@ -60,6 +69,7 @@
X LinkedIn + Github Website Email