Ayuda con HTML y CSS

Hola, no estoy muy centrado en esto del diseño de paginas WEB, de hecho aveces me desespera.
Pero me encargaron realizar una pagina para mis practicas profesionales si o si.
El problema es este:

Estoy realizando una pagina para mi universidad donde se puedan ver peliculas en ingles con subtitulos en ingles para los que llevan esta materia.
Ya hice el header con su logo y su link de redireccion a la página oficial de la universidad.
Después de esto hice un menú con categorías de películas usando la etiqueta Section y abajo de esta un Slider que logre poner con mucha fe y esperanza.
Lo que pasa es que si la página en el navegador la reduzco en el ancho llega un punto donde el Slider se encima en el menú. Y las fichas del menú se van moviendo hacia abajo. En pocas palabras queda deforme.
Y la parte del logo tiene un background de color y al hacer la misma acción el background se reduce y el logo se queda fuera de y haciendo una barra de desplazamiento donde no debería ir.
Adjunto los ejemplos.

Que codigo debería poner para que esto no suceda D:?