Use JavaScript to set width dynamically:

document.addEventListener("DOMContentLoaded", () => {
  const slider = document.querySelector(".slider");
  const slides = document.querySelectorAll(".slide");

  slider.style.width = `${slides.length * 100}%`; // Adjust width dynamically
});