How to update an element when moving from mobile to desktop?

Question

HTML

How to update a div when moving from mobile screen width to desktop. By "refresh" I mean what happens after clicking the refresh button in the browser. Is there a way to do this with media queries?

Answer 1

The simplest thing is to hang the handler on the onresize of the window And there already "update" or bring the necessary elements to the desired state A more detailed example https://habr.com/en/post/166321/
window.addEventListener("resize", myFunction);