Fix placement on small screen
This commit is contained in:
parent
8b9ce4aadd
commit
87e8bf2cc0
14
style.css
14
style.css
@ -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;
|
||||||
|
Reference in New Issue
Block a user