Reduce container margin and add semi-transparent background

Increase padding, margin, and border radius on container
Add border-radius to button for rounded corners
2025-05-25 20:55:53 +02:00 · 2025-05-25 20:52:28 +02:00 · 2025-05-25 20:36:43 +02:00 · 2025-05-25 20:27:41 +02:00
1 changed files with 6 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -21,7 +21,8 @@
                align-items: center;
                column-gap: 16px;

-                padding: 0.5rem;
+                padding: 1rem;
+                margin: 0.5rem;

                /* Font */
                font-family: Montserrat;
@@ -29,8 +30,11 @@

                color: #fff;

-                background-color: black;
                width: 100%;
+
+                border-radius: 1rem;
+
+                background-color: rgba(0, 0, 0, 0.4);
            }

            .image {
Author	SHA1	Message	Date
Bulat Kurbanov	dbfe0a37c1	Reduce container margin and add semi-transparent background	2025-05-25 20:55:53 +02:00
Bulat Kurbanov	81bfcc94bc	Increase padding, margin, and border radius on container	2025-05-25 20:52:28 +02:00
Bulat Kurbanov	5dea6b3c91	Add border-radius to button for rounded corners	2025-05-25 20:36:43 +02:00
Bulat Kurbanov	f16a4c9ce0	Remove black background color from body style	2025-05-25 20:27:41 +02:00