SOLVED!
Hi all,
I have a question about media queries and using images.
I want to have my image (header-desktop) swaped with another image (header-mobile) if i change the screen size. But i can't seem to figure it out. I suspect that i'm using the code wrong. I'm still learning, so if anyone could help that would be great!
This is what i have:
HTML
<section class="headers">
<div>
<img src="images/header\\\\\\\_desktop.png" alt="Header desktop id="header-desktop"/>
<img src="images/header\\\\\\\_mobile.png" alt="Header mobile id="header-mobile"/>
</div>
</selection>
CSS
u/media screen and and (max-width: 677px) {
.header-desktop {
display: none;}
.header-mobile {
display: block;
}
u/media screen and (max-width: 1032px) {
.header-desktop {
display: block;}
.header-mobile {
display: none;}
}
If I do, I listen to Lofi music
Do you listen to music when you read?
suggestmeabook