index.html:20 Uncaught ReferenceError: units is not defined
at index.html:20
:star2: 1397 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
:star2: 1398 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
So since I don't really understand the basic CSS grid/ layout system, I decided to try and build a simple header-main-sidebar-footer type of layout.
So I tried following this: http://vanseodesign.com/css/2-column-layout-code/
I tried building it again by myself this time, and this is for far I got:
https://codepen.io/CMYK/pen/zNdvwM?editors=1100
Why in the world does my main section overlap like that over the header section?
#
in it. Also, your button ID does not match the ID used in your jQuery. Fix those issues, and your quotes should work.