diff --git a/Source/CSS/style_new.css b/Source/CSS/style_new.css index 8676c3e..c9cc577 100644 --- a/Source/CSS/style_new.css +++ b/Source/CSS/style_new.css @@ -1,14 +1,21 @@ /* Base Styles */ body { - margin: 0; - padding-top: 70px; /* Adjust this value as needed */ + margin: 0px; + padding-top: 0px; /* Adjusted to match the actual navbar height */ font-family: Arial, sans-serif; } +main { + background: linear-gradient(to bottom right, rgb(255, 255, 255), rgb(71, 71, 71)); +} + +.main-field { + padding-top: 60px; +} /* Sidebar Styles */ .sidebar { - background-color: #f8f9fa; + background-color: #a90000; } @media (max-width: 991.98px) { @@ -18,11 +25,29 @@ body { } } +/* Card Image Container */ +.card-img-container { + width: 100%; + height: 200px; /* Adjust as needed */ + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} + /* Card Image Styles */ -.card-img-top { +.card-img-container .card-img-top { + width: 100%; + height: auto; + max-height: 100%; + object-fit: contain; +} + +/* Remove previous conflicting styles for .card-img-top */ +/* .card-img-top { height: 200px; object-fit: cover; -} +} */ /* Footer Styles */ footer { @@ -43,15 +68,15 @@ h2 { .navbar-nav .nav-link { font-size: 1rem; - color: #ffffff; /* Make navigation links white */ - background-color: #0fff93; /* Dark background to make it button-like */ - margin: 0 5px; /* Add spacing between buttons */ - border-radius: 25px; /* Rounded corners */ - padding: 8px 12px; /* Increase padding for better click area */ + color: #ffffff; + background-color: #0fff93; + margin: 0 5px; + border-radius: 25px; + padding: 8px 12px; } .navbar-nav .nav-link:hover { - background-color: #0080ff; /* Slightly lighter on hover */ + background-color: #0080ff; color: #ffffff; } @@ -81,13 +106,6 @@ h2 { } } -/* Ensure Images in Cards are the Same Height */ -.card-img-top { - height: 200px; - width: 100%; - object-fit: cover; -} - /* Adjust Card Heights for Consistency */ .card { height: 100%; diff --git a/index.html b/index.html index 7e91707..f20db4a 100644 --- a/index.html +++ b/index.html @@ -93,7 +93,7 @@