Hallo,
ich versuche momentan mir HTML, JS und CSS beizubringen.
Hätte nun eine Webseite erstellt mit Logo und Überschrift und dies soll responsive sein.
Funktioniert an sich auch, nur wenn ich den Browser sehr klein ziehe, dann springt die Überschrift runter und das Logo bleibt an seiner Stelle.
Ich möchte aber, dass das Logo und die Überschrift immer in der gleichen Zeile bleiben, sprich der Text nicht runter springt.
Hoffe es ist klar was ich meine.
Code:
Code
<div class="header">
<a href="index.html"><img src="Logo.png" height="50px" width="auto"></a>
<h1>Test</h1>
</div>
-----
.header{
background-color: blue;
}
.header h1{
text-align: center;
font-size: 50px;
color: white;
}
.header img{
float:left;
margin: 6px;
}
.header img:hover{
transform: scale(1.05);
}