Se connecter

Informatique

Création de sites web

Sujet : design responsive
1
otako_15
Niveau 8
22 juillet 2021 à 21:43:53

bonjour je suis entrains de m'entrainer dans la création de site web grâce a dev-challenges
https://github.com/TaoMarissal

https://vigorous-wiles-38c16c.netlify.app/

https://kind-lamarr-392c49.netlify.app/

https://pedantic-brahmagupta-90a271.netlify.app/

https://xenodochial-wescoff-737b50.netlify.app/

https://modest-kirch-91d62c.netlify.app/
ca c'est mon GitHub il a tous les site que j'ai fait
enfaite j'ai l'impression que le responsive que je fait c'est pas top ou et mal foutu

si vous avez des cours en responsive je suis preneur

Nuagedecube
Niveau 21
23 juillet 2021 à 00:55:22

Le contenu et sa responsivité ont mal été conçus, notamment la class div .main_right qui possède la propriété padding-right: 8.2%;

otako_15
Niveau 8
23 juillet 2021 à 16:41:31

Le 23 juillet 2021 à 00:55:22 :
Le contenu et sa responsivité ont mal été conçus, notamment la class div .main_right qui possède la propriété padding-right: 8.2%;

pourquoi aussi ?

ScientistLambda
Niveau 10
23 juillet 2021 à 18:36:41

Dans tes devtools si tu actives l'affichage mobile tu te rendras compte que tes pages ne sont pas adaptées au format mobile

https://www.noelshack.com/2021-29-5-1627058133-annotation-2021-07-23-183515.jpg

jyvaispointcon
Niveau 27
30 juillet 2021 à 12:44:12

Le 23 juillet 2021 à 16:41:31 :

Le 23 juillet 2021 à 00:55:22 :
Le contenu et sa responsivité ont mal été conçus, notamment la class div .main_right qui possède la propriété padding-right: 8.2%;

pourquoi aussi ?

me semble que vaut mieux utiliser l'unité em ou rem pour les marges et padding. en cas de zoom ou dezoom de l'utilisateur ca garde la meme apparence. ce qui n'est pas le cas en px ou %.

jyvaispointcon
Niveau 27
30 juillet 2021 à 12:47:17

Tes sites ne sont pas responsive. :ouch:

faut que tu mettes la meta <meta name="viewport" content="width=device-width, initial-scale=1"> dans ton header. et utiliser les mediaqueries.

1
Sujet : design responsive
   Retour haut de page
Consulter la version web de cette page