Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>So far, I do not see the problem in Safari, which is actually a good thing. I can show you a better method to hold everything in one line and that is this <a href="http://jsfiddle.net/rwt3V/3/" rel="nofollow noreferrer">JsFiddle</a>. Let's break it down a little bit more though. If we are looking at this specific CSS element: </p> <pre><code>.container { background-color: #160b9c; margin: auto; color: white; } </code></pre> <p>We come to notice that it is not holding the divs inside of it in any special order or way. So that is why we restructure and add a display element:</p> <pre><code>.container { background-color: #160b9c; margin: auto; color: white; display: inline-block; } </code></pre> <p>And that should fix your problem. However, if this continues to not work for you, your question has been asked before and it's actually located <a href="https://stackoverflow.com/questions/11488114/website-layout-breaks-apart-when-zooming-in-or-out-in-browsers-a-few-other-b">here</a> and the top answer did a magnificent job explaining a few things.</p> <p>Another thing I would like to leave you with is the <a href="http://css-tricks.com/almanac/" rel="nofollow noreferrer">Almanac</a>. This can help you with any problem or hopefully any problem that you are having with CSS. And I would also suggest making sure everything is... current. So in other words, try to find the best screen size and this <a href="http://www.hobo-web.co.uk/best-screen-size/" rel="nofollow noreferrer">website</a> can help you to find that.</p> <p>Overall, good luck on your future coding, you got this :)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload