Ciao, come da titolo sto cercando un modo per spostare due sezioni di una pagina web una sotto l'altra per la versione mobile, il codice è il seguente, https://codepen.io/spookdot/pen/jOMYmYy, inoltre ho da poco aggiunto questo script per la versione desktop così da rendere le due sezioni dinamiche.
Codice:
const left = document.querySelector(".left");
const right = document.querySelector(".right");
const container = document.querySelector(".container");
left.addEventListener("mouseenter", () => {
container.classList.add("hover-left");
});
left.addEventListener("mouseleave", () => {
container.classList.remove("hover-left");
});
right.addEventListener("mouseenter", () => {
container.classList.add("hover-right");
});
right.addEventListener("mouseleave", () => {
container.classList.remove("hover-right");
});