Kann ich nicht herausfinden, warum CSS nur eine meiner Seiten verursacht, die falsch in Mobile erscheint?

Question

Alle Seiten auf meiner responsiven Seite sehen auf meinem Galaxy S7 gut aus, außer meiner Homepage und ich kann nicht verstehen warum.

Hier ist ein Beispiel einer Seite, die gut aussieht: http://edge-trainer.com/kick-in-the-butt-jumpstart.php

Hier ist meine Homepage: http://edge-trainer.com/

Ich bin mit dem gleichen CSS. Betrachtet man meinen Quellcode, kann jemand sehen, was das Problem sein könnte?

Vielen Dank im Voraus.

Tim

Answer 1

Das Problem in Ihrer Homepage ist, dass die Inhalte-Wrapper nicht innerhalb des Content Container befinden.

Innerhalb Ihrer normalen Seite verlinkt sind Sie die DOM-Struktur

<div id="content-container"> 
    <div class="content-wrapper>yourcontent</div> 
</div> 

während in Ihrer Homepage ist es

<div id="content-container"> 
    <div class="content-wrapper>yourcontent</div> 
</div> 
<div class="content-wrapper>yourcontent</div> 
<div class="content-wrapper>yourcontent</div> 
<div class="content-wrapper>yourcontent</div> 

Gemessen an Ihrem CSS ist, die alle die .content-wrappers sollte drin sein #content-container

Als Nebenbemerkung könnte es sich lohnen, in flexbox und relativen Größen für das Layout, das Sie ausprobieren, zu suchen mach dein Leben etwas einfacher, nur ein Vorschlag;)