Forgive me if this is silly. I’m new at this!
When I open my index.html with a tab, the website header is responsive. However, when uploaded to reclaim hosting it is suddenly unresponsive and huge in size.
The code in all html pages:
<div id= "header">
<img src="header.png" alt="website logo" class="logo">
</div>
(Spaced out for viewing purposes.)
The code in CSS :
#header {
background:floralwhite ;
width:90%;
max-width:870px;
position:relative;
margin:auto;
}
img.logo {
width:100%;
height: auto;
display: block;
margin: 0 auto;
}
Let me know if any more info about the code is needed.
Thanks in advance.