CMS width balise <p> adapté à écran pc et mobile

[WoodysFamily]

Bonjour,

j'aimerai créé une règle dans la feuilles ccs styles afin que tous les paragraphes <p> aient certaines propriétés automatiquement :

p {
    color:#000000;
    font-size: 20px; width: 720px; line-height: 1.3;"
}

Premièrement, j'aimerai également que le texte soit centré par rapport à la width totale de l'écran.

Deuxièmement, le soucis c'est qu'en écrivant le code ci-dessus l'affichage sur mobile n'est pas bon.

Help me please

 

Marc, Un codeur en herbe

[kerlin]

Bonjour,

Faut apprendre les media queries 😄

@media (min-width:650px)
{
p {
   votre règle
}
}

@media (max-width: 650px){
p {
  autre règle
}
}

Voici un exemple, le premier donne la règle pour les écrans de plus de 650px de large, la suivante de moins de 650px de large.

Attention, la règle css s'écrit entre 2 parenthèses, pour signaler quand commence et quand finit la requête @media