Hej! Wiecie może dlaczego ostatnie linijki kodu się nie aktualizują? Typu zmiana height lub przesunięcie w lewo nie działa? Po zapisaniu i odświeżeniu strony nic się na niej nie zmienia.. Chodzi mi o kod zaczynający się od @
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html {
font-size: 10px;
}
header {
height: 100vh;
background-color: #e2d5e0;
position: relative;
overflow-x: hidden;
font-family: 'Moon Dance', cursive;
font-family: 'Open Sans', sans-serif;
}
main {
height: 100vh;
background-color: #dbcdd6;
}
header img {
position:absolute;
bottom: 0;
right: -45%;
left: 0%;
height: 70%;
margin-bottom: -40px;
}
header nav {
position: absolute;
right: 1%;
top: 0%;
font-size:3rem;
z-index: 1;
}
header hgroup {
position: absolute;
top 15%;
left: 10%;
text-transform:uppercase;
}
header h1 {
font-size: 3rem;
text-align:center;
padding-top: 50px;
}
header h3 {
font-size: 3rem;
font-weight: 400;
}
#arrow {
bottom: 10%;
left: 80%;
transform: translate(-10%);
border-radius: 50%;
font-size: 5rem;
text-align: center;
padding-top:180px;
color:firebrick;
}
@media (orientation: portrait)
@media (orientation: landscape) {
header img {
position:absolute;
bottom: 0;
height: 70%;
margin-right: 50px;
}