What is the expected output in this example? It seems like you're struggling with CSS and precedence.
It sounds trivial but that is what CSS (Cascading Style Sheets) is, I can't stress enough to read about it. With these rules you're saying:
When the browser is 1100px or wider, use jimble.png When the browser is 910px or wider, use zoro.png When the browser is 850px or wider, use rufy.png
jimble.png
zoro.png
rufy.png
Confusing, isn't? I'd recommend read an article on responsive design, as you can see it can become a pain.
In any case, I copied and paste your code into a pen just changing to dummy images and it seems to be working? Can you try it?
Let's review the queries:
When the browser is 1100px or wider, use jimble.png
Here's the browser at 1200px
When the browser is 910px or wider, use zoro.png
Here's at 1000px
When the browser is 850px or wider, use rufy.png
Finally at 900px
It doesn't work here. Tiago, could I write directly to you privately in any way, maybe a chat?
Sure! Hit me up!
Where?
~I'l DM ai Twitter~
Better yet, I sent you an email
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
What is the expected output in this example? It seems like you're struggling with CSS and precedence.
It sounds trivial but that is what CSS (Cascading Style Sheets) is, I can't stress enough to read about it.
With these rules you're saying:
Confusing, isn't? I'd recommend read an article on responsive design, as you can see it can become a pain.
In any case, I copied and paste your code into a pen just changing to dummy images and it seems to be working? Can you try it?
Let's review the queries:
Here's the browser at 1200px
Here's at 1000px
Finally at 900px
It doesn't work here. Tiago, could I write directly to you privately in any way, maybe a chat?
Sure! Hit me up!
Where?
~I'l DM ai Twitter~
Better yet, I sent you an email