please see
and
https://forallthetime.com/DEMO1/index.html
my issue is at the footer. here https://forallthetime.com/DEMO1/index.html there is white space to the sides of the social media icons
on the code pen, its fine!
what is going on?
happens with both chrome and firefox
to be clear, i think i copied and patsted from working, perfect code
hhhmmmmmmmm…
please help me!
thanks!
Your CSS defines a fixed height for your footer and grid-content elements, but that fixed height is not enough to contain the content so it overflows .
Remove your fixed heights and just let the height be determined automatically by the content.
Remember when I told you to stop using fixed heights on elements that contain fluid content like text? 
You keep making this mistake over and over again. It is a fundamental flaw in your code.
Stop using fixed heights. If you need an initial height then use min-height and allow the element to grow when needed.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.