Day 58: Finishing up the Google Page

I continued working on the google homepage project today.  This is what I have so far:

The part I'm having difficulty with is the section with the two <input> elements, "Google Search" and "I'm Feeling Lucky."  When I stretch the page, they stay in their same spot (because of how I set up their layout).  But, I want them to move, just like the search bar and the google image do...except, they are two elements, not one, so I can't just set margin-left and margin-right to auto...

I figured it out!!!  I had to use lots of containing divs to get what I wanted, but I got it!!!  Here it is!

And when you enlarge the page...

It all moves like it should!!!  The layout flexes properly and no part of my page is "broken."  I'm done!  Woohoo!  I learned a TON from this project!  The only code that I copied was the code to make the footer stick to the bottom of the page, and I'm going to look at that code in detail now, so that I can understand exactly how it is that the author made the code do what it does.  After I do that, I need to upload my creation to Github.  All right, taking a break to go eat a healthy lunch, and then I'll be back at it.  Worked on this a bit when I got back from lunch, my work is now on Github!  Today was great!

SUMMARY OF CODING SKILLS

Total Treehouse Points: 3,823
Treehouse Points by Subject Matter: HTML 663, CSS 1,599, Design 1,193, Development Tools 336, and Miscellaneous
Treehouse Ranking (%): "You have more total points than 86% of all students."

Treehouse Badge(s) Earned Today:
None

Treehouse Courses Completed:
How to Make a Website
HTML
CSS Foundations
CSS Layout Techniques

Aesthetic Foundations
Design Foundations
Adobe Photoshop Foundations
Adobe Illustrator Foundations (in progress, about 66% complete, but ceased work on this, switched focus to front end and back end web development, as opposed to web design)

Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy) 

Books Read or in Progress:
Completed: "Head First HTML and CSS," by E. Robson & E. Freeman (37 pg preface and 710 pgs of actual content (as in, I'm not including the book's index))

My Progress on The Odin Project:

1.  Introduction to Web Development             100% Complete

2.  Web Development 101                                25% Complete

3.  Ruby Programming                                       0% Complete

4.  Ruby on Rails                                               0% Complete

5.  HTML5 and CSS3                                           0% Complete

6.  Javascript and JQuery                                  0% Complete

7.  Getting Hired as a Web Developer                 0% Complete

Hours Spent Coding Today: 5
Total Hours Coding: 291