I am currently attempting to code a simple header / content / footer layout as part of a homework assignment. I have the vast majority of the styling done, but I’m having issues properly aligning some elements.
Specifically, I need the sidebar (connect with me) to move from right to left until it’s 40px away from the main-content div, and also have the nav elements above the sidebar align with it to the left., and I need to get my sticky footer to stay at the bottom.
Please take a look on my github:
Any insight anyone can provide would be much appreciated. I can’t use bootstrap, flexbox, or css grid (unfortunately). The requirements are to do this strictly with box model using floats, clears, boxsizing, etc. I think I got so used to relying on flexbox and more recently css grid that I am having a lot of issues remembering or finding a solution to these problems without messing up my layout. I started with fairly organized style sheets, but it’s rather messy as I continued to try things to see if they would work.