how to achieve this head ??

[ekka]

hello guys.
i’m trying with this code : https://codepen.io/ekka94/pen/ZovygQ , to have this head of page : https://ibb.co/iOea67 .
so i want also to have an idea of how can’i make the main image up without any negative margin.
thank in advance.

[Beverleyh]

It would be easier for us to see and understand the element you’re having problems with if you reduce your pen to the very minimum amount of code. We don’t need all the stuff you’ve put in the existing pen – just the pertinent element markup (and maybe a wrapper) and immediately-related CSS.

In the meantime, you might find the techniques from this article useful: Full Width Containers in Limited Width Parents https://css-tricks.com/full-width-containers-limited-width-parents/

[Lionel]

hmmm… and why you don’t like the negative margin? if you make a padding-bottom in the grey piece, you can add an equal negative margin-top for navigation and slider container; I can’t imagine any problem with that.

[Author]

Posts