Reactively positioning elements flush when the top element must be defined by width

Question

JSfiddle

I am looking to have one element ("main") sit just below the carrousel ("mySlider") without any margin or spaces. I want this to work on