UL de Sliders não acompanha o redimencionamento do navegador

Estou a um tempo tentando criar um slider personalizado.

De fato, eu até consegui e coloquei no codepen. https://codepen.io/carcleo/pen/yLVOxMv

Mas uma implementação não estou conseguindo fazer.

Nos sliders prontos que pegamos na web, ao redimencionar manualmente o navegador,   a UL que abriga as LI's com os Slides, se redimenciona junto e isso não acontece com o meu, Isto é, ao diminuir a janela do navegador, as imagens acompanham o tamanho das LIs, mas como não consigo redimencinar a UL junto os slides acabam se mostrando de forma errada.

Não consegui uma forma de fazer o CSS fazer esse serviço. Só consegui com JS.

Se alguém puder ajudar?

Obs.: não quero copiar da internet, meu objetivo é entender a logica da coisa