Fix placement on small screen

style.css

@@ -30,14 +30,13 @@ header
 
 #introduction article
 {
-    display: inline-block;
-    width: 40%;
+    display: block;
+    width: 42%;
     background-color: white;
     border: solid;
     border-radius: 3px;
     border-radius: 0px;
     padding: 10px;
-    height: 350px;
 }
 
 article h2, form h2
@@ -50,19 +49,24 @@ article h2, form h2
 
 #bonjour
 {
+    float: left;
+    margin-left: 2%;
     vertical-align: top;
-    margin-right: 10%;
 }
 
 #fonctionnement
 {
-    margin-left: 5px;
+    float: right;
+    margin-right: 2%;
+    margin-bottom: 10px;
 }
 
 form
 {
     border: solid;
     border-radius: 5px;
+    clear: both;
+    margin-top: 10px;
     margin-bottom: 20px;
     text-align: left;
     padding: 10px;