Warum positioniert sich mein Div seltsam? ⇐ CSS

[Anonymous]

Auf meinem Computer wird meine Website so angezeigt:


Auf meinem Telefon sieht es so aus:


Wie kann ich dafür sorgen, dass sie auf meinem Telefon nur einmal pro Reihe vorkommen und nicht extrem zusammengedrückt werden?

Code: Select all

#boxes {
margin-top: 20px;
}

#boxes .box {
float: left;
text-align: center;
width: 30%;
padding: 10px;
margin-right: 30px;
background: #FFF;
-webkit-box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
-ms-box-shadow: 0 1px 5px #ccc;
-o-box-shadow: 0 1px 5px #ccc;
box-shadow: 0 1px 5px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

.container {
width: 95%;
margin: auto;
overflow: hidden
}

Code: Select all

GROWING COMMUNITY

Info about the community

[img]86118e7a6a88f4cfd90d2c95aae8137a.png[/img]
CUSTOM SCRIPTS

Our developers, [REDACTED] and [REDACTED] are working to get custom scripts that no other community has into the server!

[img]download_1_380x152.jpg[/img]
REALISTIC ROLEPLAY

Info about the community

Meiner Erfahrung nach würde HTML dies automatisch für mich erledigen. Mache ich etwas falsch?