Why isn't this code visible on other devices ?|

Question

On this car animation code, I've gotten comments that it wasn't displaying anything (tablet , android).

The possible problems are:
1, query (@media). I added @media. So you don't immediately see the animation without your permission (For Devices wider than 220px.

❗️2, In the JavaScript function no(), I have a body element displaying no. So I'm not sure if it maybe called itself and displayed none?

please help me find the bug, in this code -
https://code.sololearn.com/WG3h5ERLKqP5/?ref=app

Answer 1

this line is redundant becaude it overrules the media query 321 where the buttons to choose will display. its at the very bottom of your css and overrules your first media rule near the top

id take that line out completely

you also put /bitton not /button in the html on the no button

remove this:
@media only screen and (min-width: 321px) {
html{display: none}

Answer 2

Jason Kennedy , I forgot that i had html:display:none.
When you said html, i was like... the html is @ the very top and it only says width - not display.
I put it there to experiment which width i should put it on. And i forgot to remove it. that's why.
* Thanks for your help *.
It should be visible on all screens now.

Answer 3

without seeing code its hard to say. id wager the @media is the culprit since it may be set to only show on certain size screens

Answer 4

ooh, what am i thinking, I forgot to put the code - here it is:
https://code.sololearn.com/WG3h5ERLKqP5/?ref=app

Jason Kennedy

Answer 5

Jason Kennedy , what did you set it to?
But still, why would it display none?!
- unless user clicks 'no' option.

Answer 6

you have it set to html: none if the screen is 321 pixels or higher.