there is a problem with the css, which i don’t know how to fix,
codepen always does that to my style and still can’t figure out why.
it’s working well on my laptop.
(if some one could tell me why the on and off button are not centerd would be great)
I just took a look at this on my mobile and everything is centered properly but the game won’t play at all I will try and remember to take a look at the code when I get off work tonight.
Ok I took a look at your code and I was able to center the on/off switch. I did the following:
//In the html I put the "Switch" inside a div
<div class="box">
<div class='onOff'>
<button class="on">On</button>
<button class="off">Off</button>
</div>
</div>
//Then in the css
.box{
width:64px;
margin: auto;
}
thank you so much for you time, you solution help so much.
when i finished the game on my computer (outside of codepen) everything is centered, but just when i post it on code pen something gets messed up, it happened on my previous projects too.
also, i just played the game on code pen with my samsung s3 and it worked fine.
thanks again for your help, i really appreciate it.
I like how the buttons change their shape when the screen dimensions change.
Sometimes if I push the buttons before starting a game, the note counter is set wrong (e.g. will give me 3 notes at the start of the game instead of 1). I can’t reliably duplicate the problem, but it happened several times.