Fix placement on small screen

This commit is contained in:
Némunaire 2012-05-23 13:01:39 +02:00
parent 8b9ce4aadd
commit 87e8bf2cc0

View File

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