Hello, Novice here!
I am working on the Tablet view and I am having issues with the footer -there is way too much extra space at the top and I would like the footer to be about the same height as my computer view.
In the attached image I have drawn the lines of each of the components that are at the top of the footer and I have tried messing around with all of them…I’m completely lost!
Any help would be so appreciated!
Here is my site Read-Only: [LINK]
I noticed that there were a lot of negative margins being used in the footer. In general it’s best to use negative margins sparingly.
I had a bit of a look around but couldn’t find the exact answer since there are quite a few elements messing with each other. What I would do though is clean up the margins and padding and then go through and change the heights/min-heights on some of the elements. For example I found centre content has a min-height of 1000px. Hope that helps!
Thank you for your help! As you mentioned I had way too many things going on so I cleaned up the sections/containers the right way. Thank you again, you inspired me to go back and watch all the proper tutorials!