DEV Community

sivaprasad0
sivaprasad0

Posted on

Footer coming over flex box items.Not able to get footer at the page end of page. This is the code with grid

after creating products using flexbox items, the footer which has a google map location and communication details, it is coming over the flexbox items having product images. I have tried using various solutions like 1.Giving footer - margin-top:100% or 1000px; working, but issue comes back in Mobile mode 2.creating display:…

Top comments (1)

Collapse
 
zxcodes profile image
Mohammed Farmaan.

There's a lot of markup to be observed and it makes difficult to look at your whole code and understand it.
*Try doing this: *
Just don't include your footer in the main flex property. Make a separate container (without flex or being the child element of your flex container) for the footer and then apply flex and flex-direction to it. This might help.