Hi, I’m trying to make this section of my homepage. And I find it problematic to make this form placed on top of two other sections.
I don’t know if I did it right but I created another section for the form and put it in a relative position and put the specific measures. The only problem is that it creates empty space in the lower area.
So I kindly ask you if you think I’m wrong method or other. Do you have any advice? How would you do it?
Hi @Harda_Chadi , I would suggest against using this method to place the form block above the map. Instead, you can place all of the Map, Contact info and Form block into the same Section. Only the form block will have position: absolute. The Section will need position: relative so that the form block can position relative to it. You will need to fine tune your height property too from what I can see.
First of all thanks for replying. I tried as you said but now the footer is like it is behind the section. I don’t know what I did wrong but I did the simple things you told me.!
EDIT: I was now checking on your overlapping issue . You have to work with you section 14. This section have height 50VH and image (map) 100%. This mean that background image take whole space and push section that is after image OUT of SECTION. This will cause footer overlapping.