Logo image keeps shrinking and disappearing

[lekan]

whenever i reduce the screen down to 600px, the logo shrinks and disappear but the remaining text-link remains the same. this is the code for the whole header

header {
height: 4rem;
display: flex;
justify-content: space-between;
align-items: center;
}
header .link {
margin: 0 3rem;
}
/* Logo */
header .link-1 {
width: 64px;
}
.link img {
max-width: 100%;
}
@media screen and (min-width: 400px) {
.link img {
max-width: 100%;
}
}

this is the header and logo

[bbsmooth]

Do you have this hosted somewhere publicly so you can give us a link to it and we can test it ourselves?

[lekan]

i have fixed it. thanks