Skip to content
Snippets Groups Projects
Commit 22ff4bad authored by Farouk's avatar Farouk
Browse files

finition blog responsive avant test (+opti media style.css)

parent cf1a2e66
No related branches found
No related tags found
No related merge requests found
Pipeline #144671 passed
...@@ -130,10 +130,10 @@ ...@@ -130,10 +130,10 @@
<h3 class="titre">VOTRE AVIS COMPTE</h3> <h3 class="titre">VOTRE AVIS COMPTE</h3>
<h2>Contribuez à des déplacements intelligents</h2> <h2>Contribuez à des déplacements intelligents</h2>
<form method="post" action="https://perso.liris.cnrs.fr/pierre-antoine.champin/enseignement/intro-web/_static/formproc/debug"> <form method="post" action="https://perso.liris.cnrs.fr/pierre-antoine.champin/enseignement/intro-web/_static/formproc/debug">
<label>Pseudo</label><input type="text" name="pseudo" placeholder="Pseudo"> <label>Pseudo*</label><input type="text" name="pseudo" placeholder="Pseudo">
<label>Date de naissance</label><input type="date" name="date" placeholder="jj/mm/aaaa"> <label>Date de naissance</label><input type="date" name="date" placeholder="jj/mm/aaaa">
<label>Adresse Electronique</label><input name="mail" placeholder="Adresse@Example.com"> <label>Adresse Electronique**</label><input name="mail" placeholder="Adresse@Example.com">
<label>Développer votre idée</label><textarea name="idées" placeholder="Partagez vos idées et conseils pour des déplacements plus intélligents sur le campus !"></textarea> <label>Développer votre idée*</label><textarea name="idées" placeholder="Partagez vos idées et conseils pour des déplacements plus intélligents sur le campus !"></textarea>
<p>*Les éléments sont obligatoire</p> <p>*Les éléments sont obligatoire</p>
<p>**L'adresse mail ne sera pas publié</p> <p>**L'adresse mail ne sera pas publié</p>
<button id="envoyer">Envoyer</button> <button id="envoyer">Envoyer</button>
......
...@@ -169,4 +169,12 @@ form p ...@@ -169,4 +169,12 @@ form p
color: #9AB253; color: #9AB253;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
}
@media (max-width:768px)
{
main>section p
{
font-size: 70%;
}
} }
\ No newline at end of file
...@@ -78,28 +78,12 @@ section img ...@@ -78,28 +78,12 @@ section img
} }
@media (max-width: 768px) { @media (max-width: 768px) {
h1
{
font-size: 140%;
}
h2
{
font-size: 110%;
}
h3
{
font-size: 70%;
}
p
{
font-size: 80%;
}
.intro { .intro {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto; grid-template-rows: auto auto auto auto;
grid-gap: 10px; grid-gap: 10px;
margin-bottom: 50%; margin-bottom: 25%;
} }
.intro img { .intro img {
......
...@@ -71,14 +71,6 @@ h2{ ...@@ -71,14 +71,6 @@ h2{
{ {
font-size: 70%; font-size: 70%;
} }
h1
{
font-size: 110%;
}
section h2
{
font-size: 90%;
}
#paypals #paypals
{ {
margin:8% margin:8%
......
...@@ -78,16 +78,27 @@ footer{ ...@@ -78,16 +78,27 @@ footer{
color: #0A6539; color: #0A6539;
font-weight: bold; font-weight: bold;
} }
@media (max-width: 768px) @media (max-width: 768px)
{ {
*{font-size:xx-large} h1
h1,h2,h3 {
font-size: 140%;
}
h2
{
font-size: 110%;
}
h3
{ {
font-size: 1.5rem; font-size: 70%;
}
p
{
font-size: 80%;
} }
nav nav
{ {
font-size: xx-large;
margin: 0% 0% 5% 0%; margin: 0% 0% 5% 0%;
padding: 8% 0% 8% 0%; padding: 8% 0% 8% 0%;
justify-content: space-around; justify-content: space-around;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment