From 977e5dfb4072a6dd06e17d814fcacb48cbd762d2 Mon Sep 17 00:00:00 2001 From: Peter Date: Thu, 27 Jul 2023 22:55:34 -0400 Subject: [PATCH] Improvements on CSS code, added two more bookmarks and associated images; repositioned search bar to the right side. --- start.html | 4 +++- styles.css | 13 +++++++++---- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/start.html b/start.html index 04c0ea2..55e31eb 100644 --- a/start.html +++ b/start.html @@ -35,8 +35,10 @@ body {

Bookmarks:
        +   +      -    +        


diff --git a/styles.css b/styles.css index 267970a..5dbd2ad 100644 --- a/styles.css +++ b/styles.css @@ -26,7 +26,7 @@ img:hover { padding: 10px; padding-top: 5px; padding-bottom: 30px; - width: 350px; + width: 460px; height: 60px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.19); text-shadow: 2px 4px 3px rgba(0,0,0,0.3); @@ -37,8 +37,8 @@ img:hover { padding: 10px; padding-top: 10px; padding-bottom: 30px; - width: 475px; - height: 180px; + width: 440px; + height: 150px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.19); text-shadow: 2px 4px 3px rgba(0,0,0,0.3); } @@ -60,9 +60,12 @@ a:hover { background: #44475a; color: #f2f8f8; padding: 5px; + margin-left: 20px; font-size: 17px; border: 1px solid grey; - width: 32%; + width: 30%; + position: absolute; + right: 12px; } .topnav button[type=submit] { background: #282a36; @@ -72,4 +75,6 @@ a:hover { border: 1px solid grey; width: 5%; margin-right: 5px; + position: absolute; + right: 6px; }