Footer Coming Over Flex Box Items.not Able To Get Footer At The Page End Of Page. Tried Using Grid And Flex Box. 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

Solution 1:

Probably it was covered by the main section, try and give the main section z-index of 1 And the footer z-index of 2. Try it you see it appear some where and think of a logic to push it down. Or in alternative that you may add high margin-top let's say 1000px or anything else, you will see it appear. It's there but it was overlaped by preceding codes. Try it