I finally got the JS portion of the weather app done!!! I thought the hard part was over, but my frustration now is that I cannot get #top to center the text (h2 elements). I tried everything from margins, to padding, to trying to do col-sm-offset-2 on both the parent and child elements. The H2 elements are always stuck off to the side like they are presently.
I feel like I have a pretty good grasp of CSS and Bootstrap, but positioning always seems to give me trouble. Is the way I broke each section into rows like #Middle & #bottom advisable? What is the best way to create an outline?
Link to my Project >>> https://codepen.io/Jeco/pen/BZRoLr