Wie passe ich meine Webseite an die Bildschirmgröße bzw Browserfenster an?

Hallo,

was muss ich in php/css ändern damit meine Seite sich an Bildschirmgröße/Browserfenster automatisch anpasst ?

Webseite http://krikunisto.de/ Wie du sehen kannst verschiebt sich alles
Sry wenn ich mich etwas blöd anstelle ich kenne mich nicht so gut mit php und css aus...und die Seite ist nichtmal ein Tag alt.

Außerdem habe ich eine custom sidebar in die index.php (glaub ich) eingefürt da das Theme (Munding Lite) kein Widget Menü zu auswahl hatte. Es verschiebt sich auch so komisch.
Ich habe in Internent nach einer Lösung gesucht aber leider nichts gefunden das mir weiter hilft. Ich hoffe ihr könnt mir helfen...

Danke im Voraus,

-Alex

index.php
?>
<div class="row">
<div class="col-xs-10 col-sm-9"

<div id="content-wrapper" class="wrapper">


<?php while ( have_posts() ) : the_post();

get_template_part( 'inc/format/loop', get_post_format() );

endwhile; // end of the loop. ?>

</div>
<div class="col-xs-12 col-sm-3""
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>

</div><!-- wrapper -->
<div class="container">
<div class="pagina col-md-10 col-md-push-1">
<?php wp_pagenavi(); ?>
</div>
</div>
<div class="container">
<div class="pagina col-md-10 col-md-push-1">
<?php get_sidebar(); ?>
</div>

 

Begründung?

 

Meinst du ich soll mein index.php zurücksetzen oder wie? Sry aber ich verstehe nicht ganz was habe ich falsch gemacht?