Website layout “breaks apart” when zooming in or out in browsers + a few other basic css questions

Question

I\'m pretty much as new to CSS as it gets and what I\'m trying to do right now is just design a very simple/basic splash or landing page for a small business.

Here i

Answer 1

a couple suggestions before go into fixing the zoom in and zoom out issue.

1. Don't use
   to wrap around text.
2. Use

   tags for header

3. Store your CSS in a separate css file.
4. You defined the header section that's great, but do that for container and footer as well.
5. Comments! That would make the job much easier for people who try to help you.