hi again, sorry to be a bother but i'v got my logo on my header near my nav?
and i'm trying to resize the logo to 90px height and width but won't budge?
what am i doing wrong
and i'm trying to resize the logo to 90px height and width but won't budge?
CSS:
/* Global Styles */
body {
font-family: Arial, sans-serif;
background-color: #000;
color: #343a40;
}
.navbar {
background-color: #000;
color: white;
}
.bg-primary {
background: linear-gradient(to bottom, #000000 0%, #ff3399 100%);
}
.navbar-brand {
color: #ffffff;
}
.navbar-nav .nav-link {
color: #ffffff;
}
.jumbotron {
background-color: #000;
}
.card {
margin-bottom: 20px;
background-color: transparent;
border-color: white;
color: white;
}
h2 {
color: white;
}
/* Footer Styles */
footer {
background: linear-gradient(to top, #000000 0%, #ff3399 100%);
color: #ffffff;
}
.footer-links {
margin-top: 20px;
}
/* Card Styles */
.card-title {
font-weight: bold;
}
.card-text {
font-size: 14px;
}
.card-img-top {
border-radius: 5px;
}
/* Button Styles */
.btn-primary {
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-success {
color: #28a745;
border-color: #28a745;
}
/* Responsive Styles */
@media (max-width: 768px) {
.logo {
text-align: center;
}
.header-image {
margin-top: 10px;
height: 90px;
}
}
HTML:
<link rel="stylesheet" type="text/css" href="css/styles1.css">
<script src="https://coolvibes-reloaded.com/audio.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="col-md-4 col-md-push-4 col-sm-4 col-sm-push-4 logo text-center">
<a class="navbar-brand" >
<div class="hide-xs">
<img src="img/favicon.png" class="header-image" "width="90px" "height="90px">
</div>
</a>what am i doing wrong
