Re-direct homepage to mobile and tablet versions

Hello!

I am looking for a custom code I can inject into my site so that the home page changes depending on your screen size. I was successful in doing this for desktop vs mobile, by making a new version of the homepage with url /mobile. And then I added this code to the desktop homepage header:

<script>

if (document.documentElement.clientWidth <760) {

 window.location = "/mobile";

}

</script>

I am trying to do the same thing now for a tablet version and no code adjustments seem to be working. Does anyone know of a custom code that would allow me to send tablet users to the tablet version of the homepage (/tablet)?

Thank you for your help!

For reference, my website is https://themilkmaidsupplyco.com/

Use this

<script>
  if (document.documentElement.clientWidth < 992 && document.documentElement.clientWidth >= 768) {

 window.location = "/mobile";

}
</script>

replace /mobile with tablet page