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 @@
<h3 class="titre">VOTRE AVIS COMPTE</h3>
<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">
<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>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>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>
<p>*Les éléments sont obligatoire</p>
<p>**L'adresse mail ne sera pas publié</p>
<button id="envoyer">Envoyer</button>
......
......@@ -169,4 +169,12 @@ form p
color: #9AB253;
text-align: center;
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
}
@media (max-width: 768px) {
h1
{
font-size: 140%;
}
h2
{
font-size: 110%;
}
h3
{
font-size: 70%;
}
p
{
font-size: 80%;
}
.intro {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto;
grid-gap: 10px;
margin-bottom: 50%;
margin-bottom: 25%;
}
.intro img {
......
......@@ -71,14 +71,6 @@ h2{
{
font-size: 70%;
}
h1
{
font-size: 110%;
}
section h2
{
font-size: 90%;
}
#paypals
{
margin:8%
......
......@@ -78,16 +78,27 @@ footer{
color: #0A6539;
font-weight: bold;
}
@media (max-width: 768px)
{
*{font-size:xx-large}
h1,h2,h3
h1
{
font-size: 140%;
}
h2
{
font-size: 110%;
}
h3
{
font-size: 1.5rem;
font-size: 70%;
}
p
{
font-size: 80%;
}
nav
{
font-size: xx-large;
margin: 0% 0% 5% 0%;
padding: 8% 0% 8% 0%;
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