My footer is overlapping the main area. How to fix it?

HTML-CSS
1

Here’s the code. How to fix it? I want to keep the footer after the .build div

2

Try to fix it with position absolute . Left,right, top, bottom. where you want to place it.

1 Like
3

you can simply fix it by changing .head div element height property to min-height instead.
set the width to your svg social icons. to see the change

3 Likes
4

Thanks, it worked but I didn’t put min-height just removed the height from .head!
Might I ask why the height was causing the problem?

2 Likes
5

fixed height and width can cause problems in some cases, such as responsive layouts like when you use flex display or grid.
it’s always good to let the browser decide the height and width in those cases, this an abstract concept i learned from this video:
https://www.youtube.com/watch?v=x4u1yp3Msao

1 Like
6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.