1
00:00:00,000 --> 00:00:01,970
Très bien, alors jetons un coup d'
œil à rendre

2
00:00:01,965 --> 00:00:04,305
la page d'accueil ou réactive. 

3
00:00:04,305 --> 00:00:07,085
Et pour la plupart,

4
00:00:07,080 --> 00:00:09,380
ce n'est pas si mal. 

5
00:00:09,375 --> 00:00:12,135
Il s'agit de la vue tablette. 

6
00:00:12,135 --> 00:00:17,165
De toute évidence, nous pouvons réduire le
 titre un peu plus petit. 

7
00:00:17,160 --> 00:00:22,950
Rendez également la banane un
 peu plus courte en hauteur. 

8
00:00:22,950 --> 00:00:23,760
Juste ici. 

9
00:00:23,760 --> 00:00:27,240
Bien sûr, nous pouvons ajouter un peu de
 rembourrage à la balle à

10
00:00:27,240 --> 00:00:28,980
section de
 voyage et également

11
00:00:28,980 --> 00:00:31,380
enseigner à mieux
 continuer la section. 

12
00:00:31,380 --> 00:00:33,090
Mais je pense que c'est tout ce que
 nous devons faire parce que

13
00:00:33,090 --> 00:00:35,350
le reste est plutôt bon. 

14
00:00:35,350 --> 00:00:38,050
La
 section de conception unique des canaux a fière allure. 

15
00:00:38,045 --> 00:00:39,515
La galerie est très bien. 

16
00:00:39,515 --> 00:00:42,045
Visites, notre
 section blog est très bien. 

17
00:00:42,049 --> 00:00:45,519
Il n'emballe pas les
 avis, tout va bien. 

18
00:00:45,514 --> 00:00:49,324
Cependant, pour la vue mobile,

19
00:00:49,325 --> 00:00:53,395
qui est ce que nous sommes
 arrivés ici,
 nous allons évidemment

20
00:00:53,390 --> 00:00:56,990
devoir
 rendre le texte beaucoup, beaucoup, beaucoup,

21
00:00:56,990 --> 00:00:59,410
beaucoup plus petit
 que vous pouvez le voir. 

22
00:00:59,405 --> 00:01:04,105
Ajoutez également du rembourrage ici
 aussi pour la section voyage. 

23
00:01:04,100 --> 00:01:06,340
Et nous devons faire
 quelque chose au sujet du fait

24
00:01:06,335 --> 00:01:08,575
que nous avons

25
00:01:08,570 --> 00:01:10,670
les deux images de

26
00:01:10,670 --> 00:01:13,970
la deuxième section
 alignées

27
00:01:13,970 --> 00:01:16,100
l'une à côté de l'autre
 idéalement devrait être,

28
00:01:16,100 --> 00:01:18,020
j'adorerai voyager. 

29
00:01:18,020 --> 00:01:21,080
Puis cette image et
 ensuite nos enfants,

30
00:01:21,080 --> 00:01:23,870
les meilleurs endroits, puis
 l'image de cette montagne. 

31
00:01:23,870 --> 00:01:26,090
Nous allons donc devoir faire
 quelque chose à ce sujet aussi. 

32
00:01:26,090 --> 00:01:28,150
À part cela, le reste

33
00:01:28,145 --> 00:01:30,505
de la page semble plutôt
 bon à prendre en compte. 

34
00:01:30,500 --> 00:01:35,600
La galerie est maintenant une
 seule ligne, ce qui est très bien. 

35
00:01:35,600 --> 00:01:40,240
La section blog comporte également
 une seule ligne. 

36
00:01:40,235 --> 00:01:42,875
Je veux 22 rangs, je suis désolé. 

37
00:01:42,875 --> 00:01:46,285
Ensuite, il ne paquete pas tous les
 avis maintenant et

38
00:01:46,280 --> 00:01:48,320
la propre colonne
 séparée, puis produit aussi comme

39
00:01:48,320 --> 00:01:50,470
vous pouvez le voir, cela à. 

40
00:01:50,465 --> 00:01:51,865
Tous. Bon, donc
 allons de l'avant et commençons

41
00:01:51,860 --> 00:01:53,390
à apporter les changements. 

42
00:01:53,390 --> 00:01:56,040
Nous allons donc éditer avec Elementor. 

43
00:01:56,044 --> 00:01:58,834
Nous allons d'abord gérer la
 bannière parce
 que c'

44
00:01:58,835 --> 00:02:01,835
est
 le principal problème. 

45
00:02:01,835 --> 00:02:06,385
Très bien. Tablettes réactives. 

46
00:02:06,380 --> 00:02:09,010
Qu'avons-nous ici ? 

47
00:02:09,005 --> 00:02:11,575
Nous allons aller de l'avant
 et modifier le texte. 

48
00:02:11,570 --> 00:02:15,830
Et le texte était
 d'environ 120 pixels. 

49
00:02:15,830 --> 00:02:17,200
Comme vous pouvez le voir. 

50
00:02:17,195 --> 00:02:19,735
On va avoir deux
 grosses cassures,

51
00:02:19,730 --> 00:02:22,010
juste un peu plus petit. 

52
00:02:22,010 --> 00:02:25,000
Disons donc 88 pixels de large. 

53
00:02:24,995 --> 00:02:30,755
Mais n'oubliez pas que nous avons fixé
 une hauteur pour la section. 

54
00:02:30,755 --> 00:02:33,565
Passons maintenant à cette
 section. 

55
00:02:33,560 --> 00:02:36,200
Nous avons ici la hauteur minimale. 

56
00:02:36,200 --> 00:02:39,740
Nous allons réduire
 cela autant que possible. 

57
00:02:39,740 --> 00:02:41,230
Ne vous inquiétez pas du fait
 que le texte chevauche

58
00:02:41,225 --> 00:02:43,085
l'en-tête pour l'instant. 

59
00:02:43,085 --> 00:02:45,025
Mais essayons de
 vous donner une
 hauteur raisonnable

60
00:02:45,020 --> 00:02:46,580
pour la table. 

61
00:02:46,580 --> 00:02:47,630
Et je pense que 519, mon bébé,

62
00:02:47,630 --> 00:02:51,170
trop petit,
 disons sept cents. 

63
00:02:51,170 --> 00:02:54,310
Sept cents semblent assez bien. 

64
00:02:54,305 --> 00:02:56,845
À partir d'ici, n'
oubliez pas que nous

65
00:02:56,840 --> 00:02:59,260
lui donnons
 également des
 marges négatives. 

66
00:02:59,255 --> 00:03:02,995
Maintenant que nous avons réduit la
 taille de cent
 dix cent

67
00:03:02,990 --> 00:03:05,750
à 700
 femmes et allez également

68
00:03:05,750 --> 00:03:08,890
à l'invitation Advanced ici. 

69
00:03:08,885 --> 00:03:10,825
Ne vous laissez pas berner par le
 fait que vous ne voyez

70
00:03:10,820 --> 00:03:12,940
rien à
 l'intérieur des cases de marge. 

71
00:03:12,935 --> 00:03:14,785
Il
 hérite en fait des marges

72
00:03:14,780 --> 00:03:18,290
de la vue du bureau. 

73
00:03:18,290 --> 00:03:23,260
Alors ici, allons-y maintenant
 et essayons de réduire cela. 

74
00:03:23,255 --> 00:03:25,285
Désolé, j'ai oublié de dissocier. 

75
00:03:25,280 --> 00:03:28,070
Allons faire 10. 

76
00:03:28,070 --> 00:03:31,760
Très bien. Je vais
 continuer à remonter. 

77
00:03:31,760 --> 00:03:34,510
Cela devrait être à propos,
 laissez-moi juste le donner

78
00:03:34,505 --> 00:03:41,215
150 moins, d'accord,
 je ne peux pas faire ça. 

79
00:03:41,210 --> 00:03:42,320
Laissez-moi juste essayer ça. 

80
00:03:42,320 --> 00:03:44,660
Moins 150. 

81
00:03:44,660 --> 00:03:46,540
D'accord ? Je pense que c'est
 un peu trop. 

82
00:03:46,535 --> 00:03:48,055
Allons-y. 

83
00:03:48,050 --> 00:03:48,670
Allons-y. 

84
00:03:48,665 --> 00:03:50,035
Ok, donc il devrait y avoir

85
00:03:50,030 --> 00:03:52,490
environ 123 haut-parleurs de loisirs

86
00:03:52,490 --> 00:03:55,740
,
 un
 vingt-cinq, vingt-cinq pixels. 

87
00:03:55,739 --> 00:03:58,769
Maintenant, pour le texte
 lui-même ou l'en-tête,

88
00:03:58,765 --> 00:04:02,955
nous pourrions le rendre un
 peu plus petit. 

89
00:04:02,950 --> 00:04:04,450
Et c'est tout. 

90
00:04:04,450 --> 00:04:04,900
Que pensez-vous ? 

91
00:04:04,900 --> 00:04:09,010
Je pense que c'est très bien. 80
 pixels pour l'en-tête. 

92
00:04:09,010 --> 00:04:12,730
Réduisez la hauteur de cette
 section à 700 pixels,

93
00:04:12,730 --> 00:04:14,640
réduisez également la marge négative. 

94
00:04:14,635 --> 00:04:20,375
Et je pense que c'est très
 bien, bien que soyez prudent,

95
00:04:20,379 --> 00:04:22,959
voyez-vous maintenant
 que si nous étendons

96
00:04:22,960 --> 00:04:26,610
le tableau à la taille
 maximale de l'écran,

97
00:04:26,605 --> 00:04:28,935
vous pouvez voir que
 l'espace blanc apparaît maintenant. 

98
00:04:28,930 --> 00:04:30,220
Donc, cela devrait nous dire maintenant

99
00:04:30,220 --> 00:04:32,080
que tout va bien, attendez une seconde. 

100
00:04:32,080 --> 00:04:34,780
Nous devons augmenter
 les imaginations négatives,

101
00:04:34,780 --> 00:04:37,860
en fait, c'est une autre chose que
 vous devriez être aisé. 

102
00:04:37,859 --> 00:04:39,199
Lorsque vous appliquez

103
00:04:39,200 --> 00:04:41,140
marges
 négatives et un mode
 réactif,

104
00:04:41,135 --> 00:04:43,885
assurez-vous d'
appliquer des marges négatives

105
00:04:43,880 --> 00:04:47,030
à la plus grande
 taille d'écran possible. 

106
00:04:47,029 --> 00:04:49,209
Il s'agit de la plus grande
 concise possible pour

107
00:04:49,205 --> 00:04:52,045
la vue inclinée à 1024 par 878,

108
00:04:52,040 --> 00:04:53,840
nous allons augmenter
 ou,

109
00:04:53,840 --> 00:04:57,710
dans ce cas,
 réduire la marge négative. 

110
00:04:57,710 --> 00:04:59,360
Parce que lorsque vous
 êtes négatif, nous

111
00:04:59,360 --> 00:05:03,550
réduisons cela. C'est 158. 

112
00:05:03,545 --> 00:05:06,495
C'est à peu près le
 cas, donc maintenant,

113
00:05:06,499 --> 00:05:10,519
si nous réduisons cela à la
 plus petite taille pour tablette,

114
00:05:10,520 --> 00:05:13,880
nous ne
 verrons toujours aucun espace blanc. 

115
00:05:13,880 --> 00:05:16,010
Et c'est ça. 

116
00:05:16,010 --> 00:05:19,850
Je pense que c'est
 bon pour la tablette. 

117
00:05:19,850 --> 00:05:21,890
Apportons maintenant quelques modifications à

118
00:05:21,890 --> 00:05:23,960
la première ou à la deuxième section. 

119
00:05:23,960 --> 00:05:27,410
Et cela donne maintenant,
 que devons-nous faire ? 

120
00:05:27,410 --> 00:05:30,230
Pour les tablettes ? Nous
 pouvons ajouter un peu de rembourrage. 

121
00:05:30,230 --> 00:05:32,920
Très bien, nous allons aller
 ici et c'est la section. 

122
00:05:32,915 --> 00:05:34,885
Allons à Advanced. 

123
00:05:34,880 --> 00:05:38,380
Et juste ici, ajoutons un
 peu de rembourrage. 

124
00:05:38,375 --> 00:05:41,125
On peut aller aux 25 pixels
 habituels
, puis

125
00:05:41,120 --> 00:05:45,210
à un effet pixels
 pour le bas. 

126
00:05:45,214 --> 00:05:47,424
Laissez-nous refroidir ici. 

127
00:05:47,420 --> 00:05:50,350
Nous ferons exactement la même
 chose ici aussi. 

128
00:05:50,345 --> 00:05:53,405
Je vais vous montrer
 quelque chose de vraiment cool. 

129
00:05:53,405 --> 00:05:56,365
25 pixels du haut
, puis

130
00:05:56,360 --> 00:05:59,690
25 pixels en bas.
 

131
00:05:59,690 --> 00:06:02,830
Je, maintenant, si tu regardes ça,

132
00:06:02,825 --> 00:06:06,655
tu réaliseras que ça
 n'a pas l'air si beau. 

133
00:06:06,650 --> 00:06:09,100
Je veux dire, vous avez une
 image ici,

134
00:06:09,095 --> 00:06:13,295
les textes, la colonne des textes
 est un peu trop grande. 

135
00:06:13,295 --> 00:06:15,245
Il est un peu trop grand. 

136
00:06:15,245 --> 00:06:18,185
C'est génial aussi avec la
 deuxième section. 

137
00:06:18,185 --> 00:06:20,735
Alors, que pouvons-nous faire exactement ? 

138
00:06:20,735 --> 00:06:23,195
La chose la plus simple que nous puissions
 faire serait simplement

139
00:06:23,195 --> 00:06:26,815
faire en sorte que chaque colonne ait
 une largeur de 100 %. 

140
00:06:26,810 --> 00:06:28,460
Donc, au lieu d'avoir
 deux colonnes, il faudra

141
00:06:28,460 --> 00:06:30,580
venir côte à côte. 

142
00:06:30,575 --> 00:06:33,425
Nous aurons deux colonnes
 l'une au-dessus de l'autre. 

143
00:06:33,425 --> 00:06:35,935
Par exemple, ici même,

144
00:06:35,930 --> 00:06:38,500
si j'ai donné cette première
 colonne ici,
 nous allons juste en

145
00:06:38,495 --> 00:06:39,985
donner une ou

146
00:06:39,980 --> 00:06:43,180
cent, cent. 

147
00:06:43,175 --> 00:06:48,875
Et puis nous allons donner
 cette colonne et aussi 100. 

148
00:06:48,875 --> 00:06:50,245
Et c'est là. 

149
00:06:50,240 --> 00:06:52,730
heure actuelle, même si nous étendons à

150
00:06:52,730 --> 00:06:55,990
la plus grande
 taille possible sur une tablette,

151
00:06:55,985 --> 00:06:57,515
je pense que ça semble correct. 

152
00:06:57,515 --> 00:06:58,975
Cela semble bien sur un pourboire,

153
00:06:58,970 --> 00:07:01,150
mais assurez-vous simplement que les
 images sont suffisamment grandes. 

154
00:07:01,145 --> 00:07:02,515
Un changement à
 faire

155
00:07:02,510 --> 00:07:03,740
ici serait d'ajouter

156
00:07:03,740 --> 00:07:06,850
peu de rembourrage à ce bouton
 En savoir plus. 

157
00:07:06,845 --> 00:07:08,545
Je vais cliquer
 là-dedans, passer au

158
00:07:08,540 --> 00:07:12,490
modèle
 avancé et les
 bouddhistes ajoutent en bas. 

159
00:07:12,485 --> 00:07:15,575
Nous ajouterons un peu de rembourrage ici. 

160
00:07:15,575 --> 00:07:19,915
Permettez-moi de dire que 25 pixels
 sont peut-être un peu trop importants. 

161
00:07:19,910 --> 00:07:23,160
Dans ce cas, peut-être 15 pixels. 

162
00:07:23,164 --> 00:07:24,784
15 pixels sont corrects. 

163
00:07:24,785 --> 00:07:25,805
Et c'est là. 

164
00:07:25,805 --> 00:07:30,395
Ok, faisons exactement le même symptôme de
 thème ici aussi. 

165
00:07:30,395 --> 00:07:32,905
Je vais cliquer sur
 cette colonne ici. 

166
00:07:32,900 --> 00:07:36,860
Le goto, la largeur de la colonne. 

167
00:07:36,860 --> 00:07:39,020
Je vais lui donner 100. 

168
00:07:39,020 --> 00:07:44,270
Et puis la deuxième
 colonne ici aussi, 100. 

169
00:07:44,270 --> 00:07:47,360
D'accord, puis jetez
 un coup d'œil à ça. 

170
00:07:47,360 --> 00:07:50,540
Idéalement, nous voulons
 avoir cette colonne
 juste

171
00:07:50,540 --> 00:07:54,190
en haut de cette colonne. 

172
00:07:54,185 --> 00:07:57,005
Comment pouvons-nous faire cela ? 

173
00:07:57,005 --> 00:08:01,775
Eh bien, nous allons
 simplement aller dans cette section,
 tenir ces deux colonnes,

174
00:08:01,775 --> 00:08:03,145
tenir ces deux colonnes

175
00:08:03,140 --> 00:08:06,970
aller à la section, passer
 ici à Advanced. 

176
00:08:06,965 --> 00:08:09,745
N'importe quel ici sur
 le réactif. 

177
00:08:09,740 --> 00:08:14,210
Vous allez voir cette
 option pour inverser les colonnes. 

178
00:08:14,210 --> 00:08:16,430
On va le faire sur tablette. 

179
00:08:16,430 --> 00:08:18,620
On va le faire
 et on va aussi le faire. 

180
00:08:18,620 --> 00:08:20,870
Maintenant, vous pouvez voir que l'enfant,

181
00:08:20,870 --> 00:08:25,090
le meilleur contre colonne, se trouve
 maintenant au sommet de la montagne. 

182
00:08:25,085 --> 00:08:28,055
Et c'est exactement comme
 ça qu'il faut faire. 

183
00:08:28,055 --> 00:08:29,815
Je vais juste y aller
 et ajouter un peu de rembourrage

184
00:08:29,810 --> 00:08:32,150
au bouton du propriétaire ici. 

185
00:08:32,150 --> 00:08:37,550
Rembourrage en
 bas, 2515 pixels. 

186
00:08:37,550 --> 00:08:40,820
Je crois que c'était une fusions et acquisitions, c'est bon,

187
00:08:40,820 --> 00:08:42,080
alors revenons au sommet. 

188
00:08:42,080 --> 00:08:44,080
Faites défiler vers le bas 

189
00:08:44,075 --> 00:08:45,445
K.

190
00:08:45,440 --> 00:08:48,460
Nous avons beaucoup d'espaces. 

191
00:08:48,455 --> 00:08:51,305
Très bien. 

192
00:08:51,305 --> 00:08:54,625
Ok, ça a l'air bien,
 ça va bien. 

193
00:08:54,620 --> 00:08:57,110
Essayons maintenant de
 réduire la taille au

194
00:08:57,110 --> 00:09:00,200
plus petit et de voir s'
il y a quelque chose que

195
00:09:00,200 --> 00:09:07,330
nous devons faire
 ici. Ça a l'air bien. 

196
00:09:07,325 --> 00:09:10,795
Ça a l'air parfaitement bien. 

197
00:09:10,790 --> 00:09:14,540
Et c'est là. D'accord. 

198
00:09:14,540 --> 00:09:18,120
C'est tout pour la vue tablette. 

199
00:09:18,124 --> 00:09:21,564
Qu'en est-il de la vue mobile ? 

200
00:09:21,560 --> 00:09:24,720
Passons au mobile. 

201
00:09:25,600 --> 00:09:28,220
Très bien, donc évidemment,
 la banane ici,

202
00:09:28,220 --> 00:09:30,290
nous allons devoir réparer celle-ci. 

203
00:09:30,290 --> 00:09:32,090
Eh bien, je suis juste en train de
 faire défiler vers le bas et

204
00:09:32,090 --> 00:09:34,160
voir le reste de la page. 

205
00:09:34,160 --> 00:09:36,760
Le reste de la page a l'air
 plutôt bien. 

206
00:09:36,755 --> 00:09:38,395
Oui, ça a l'air bien. 

207
00:09:38,390 --> 00:09:40,340
Tout se trouve maintenant dans
 une seule colonne dans

208
00:09:40,340 --> 00:09:44,010
laquelle nous avons utilisé une colonne,
 puis dans

209
00:09:44,014 --> 00:09:46,024
la page Contact. 

210
00:09:46,025 --> 00:09:47,605
Donc, tout ce que nous devons faire
 maintenant, c'est

211
00:09:47,600 --> 00:09:49,430
de gérer la bannière. 

212
00:09:49,430 --> 00:09:52,760
Alors, faisons-le. Je
 vais faire défiler ici. 

213
00:09:52,760 --> 00:09:56,240
Passons à la section. 

214
00:09:56,240 --> 00:09:58,190
Très bien, la première chose que
 nous allons faire maintenant

215
00:09:58,190 --> 00:10:00,580
c'est pour les hauteurs. 

216
00:10:00,575 --> 00:10:03,025
Il s'agit d'une
 hauteur minimale de 700 pixels. 

217
00:10:03,020 --> 00:10:05,360
Il est bien entendu hérité
 de la vue tablette. 

218
00:10:05,360 --> 00:10:07,970
Voyons si nous
 pouvons peut-être

219
00:10:07,970 --> 00:10:10,760
augmenter un peu la taille. 

220
00:10:10,760 --> 00:10:12,420
En fait. 

221
00:10:13,600 --> 00:10:17,780
Je pense que 879, essayons d'
obtenir quelque chose un peu,

222
00:10:17,780 --> 00:10:21,020
même comme 870 pixels peut-être. 

223
00:10:21,020 --> 00:10:26,720
Essayons d'augmenter un peu
 la taille jusqu'à

224
00:10:26,720 --> 00:10:31,880
la plus grande taille pour
 la vue mobile. 

225
00:10:31,880 --> 00:10:33,650
Maintenant, vous remarquerez qu'
il y a

226
00:10:33,650 --> 00:10:35,270
un peu trop
 de marge négative

227
00:10:35,270 --> 00:10:37,130
car vous pouvez voir
 la ligne bleue et vous

228
00:10:37,130 --> 00:10:39,110
pouvez voir
 que le logo apparaît ci-dessus. 

229
00:10:39,110 --> 00:10:40,670
Donc, ce qu'il va falloir faire

230
00:10:40,670 --> 00:10:42,710
maintenant, c'est aller à Advanced. 

231
00:10:42,709 --> 00:10:46,329
Et ensuite, pour les marges
 négatives,

232
00:10:46,325 --> 00:10:50,215
essayons de ne pas en

233
00:10:50,210 --> 00:10:52,070
avoir besoin dans
 des marges négatives.
 

234
00:10:52,070 --> 00:10:54,230
En fait, j'allais faire 0. 

235
00:10:54,230 --> 00:10:55,850
Oui,
 passons à 0 puisque nous
 avons

236
00:10:55,850 --> 00:10:57,170
de toute façon un
 arrière-plan occultant. 

237
00:10:57,170 --> 00:10:59,750
Alors, qu'est-ce que McDonald's 0 ? 

238
00:10:59,750 --> 00:11:01,630
C'est pour mobile. 

239
00:11:01,625 --> 00:11:03,005
Très bien, donc à partir d'ici,

240
00:11:03,005 --> 00:11:05,095
réduisons les hauteurs. 

241
00:11:05,090 --> 00:11:08,540
Nous allons réduire la
 hauteur de la page maintenant de
 la

242
00:11:08,540 --> 00:11:12,160
bannière plutôt
 quelque chose de raisonnable. 

243
00:11:12,155 --> 00:11:17,975
Voyons voir. Je pense qu'il y a
 535. Qu'en est-il du 530 ? 

244
00:11:17,975 --> 00:11:19,715
Je pense que c'est très bien. 

245
00:11:19,715 --> 00:11:23,675
colline des cinq tiers semble
 très bien. Faites défiler vers le bas 

246
00:11:23,675 --> 00:11:24,485
D'accord. Oui. 

247
00:11:24,485 --> 00:11:27,415
Je pense que tout irait bien. Cette
 fabrication est très petite. 

248
00:11:27,410 --> 00:11:29,830
Et voyez. 

249
00:11:29,825 --> 00:11:34,855
Ok, donc les textes peuvent devenir

250
00:11:34,850 --> 00:11:36,830
un peu trop volumineux en fait.
 

251
00:11:36,830 --> 00:11:38,540
Alors, faisons-le. Je vais

252
00:11:38,540 --> 00:11:41,020
revenir éditer l'épigraphie de la
 rubrique. 

253
00:11:41,015 --> 00:11:44,135
On va le faire, c'est qu'on va
 essayer

254
00:11:44,135 --> 00:11:47,585
de rendre ça aussi
 petit que possible. 

255
00:11:47,585 --> 00:11:54,155
Et maintenant, si nous étendons le
 plus grand pour la vue mobile,

256
00:11:54,155 --> 00:11:56,125
ce que vous avez ici c'est, d'accord,

257
00:11:56,120 --> 00:11:59,150
donc cela nous amène à
 une nouvelle discussion. 

258
00:11:59,149 --> 00:12:03,189
Le silicium est de la
 plus grande taille pour les appareils mobiles,

259
00:12:03,185 --> 00:12:05,255
le Texas, il serait trop petit. 

260
00:12:05,255 --> 00:12:07,885
Si nous essayons d'augmenter
 la taille ici,

261
00:12:07,880 --> 00:12:09,260
cela semble bien sur la taille d'écran la plus élevée

262
00:12:09,260 --> 00:12:12,310
possible
 pour le mobile. 

263
00:12:12,305 --> 00:12:15,475
Le problème que je sais, c'est que si
 nous réduisons la taille de
 l'écran

264
00:12:15,470 --> 00:12:18,380
à la plus petite
 taille possible pour mobile,

265
00:12:18,380 --> 00:12:20,740
maintenant que le texte est
 un peu trop grand,

266
00:12:20,735 --> 00:12:26,045
ce que vous pouvez faire dans ce type
 de scénario est de changer

267
00:12:26,045 --> 00:12:30,895
de style. unité de taille depuis les pixels

268
00:12:30,890 --> 00:12:36,170
jusqu'au port de vue évalué, passez en revue
 la VW ou l'option ici,

269
00:12:36,170 --> 00:12:38,810
la VW est la largeur de la fenêtre. 

270
00:12:38,810 --> 00:12:42,650
Nous allons essayer d'ajuster la taille du texte en fonction de

271
00:12:42,650 --> 00:12:46,990
la
 largeur de la taille de l'écran.
 

272
00:12:46,985 --> 00:12:47,845
Alors, jetez un œil à ça. 

273
00:12:47,840 --> 00:12:50,930
Je vais
 passer maintenant à VW. 

274
00:12:50,930 --> 00:12:54,310
Et essayons d'y aller
 avec une taille de dix. 

275
00:12:54,305 --> 00:12:56,755
Pour les plus hauts. 

276
00:12:57,130 --> 00:13:00,370
Il s'agit de la taille
 d'écran la plus élevée

277
00:13:00,365 --> 00:13:01,705
pour mobile. 

278
00:13:01,700 --> 00:13:05,870
Et ensuite, si nous réduisons la
 taille jusqu'à la plus petite,

279
00:13:05,870 --> 00:13:10,250
vous pouvez voir que le texte
 est également en train de diminuer. 

280
00:13:10,250 --> 00:13:14,090
Au fur et à mesure que nous réduisons la
 taille de l'écran. 

281
00:13:14,090 --> 00:13:16,190
C'est un conseil que je peux vous
 donner en ce moment,

282
00:13:16,190 --> 00:13:18,860
suffit de passer simplement
 à VW par opposition

283
00:13:18,860 --> 00:13:21,650
aux pixels ou K. Alors peut-être,

284
00:13:21,650 --> 00:13:23,870
peut-être une petite
 chose que nous pourrions faire. 

285
00:13:23,870 --> 00:13:26,360
Une dernière chose que nous
 pourrions faire
 à nouveau sera

286
00:13:26,360 --> 00:13:29,290
de réduire
 un peu plus la hauteur. 

287
00:13:29,285 --> 00:13:32,995
Disons 450 pixels. 

288
00:13:32,990 --> 00:13:34,640
Ce devrait être le dernier changement. 

289
00:13:34,640 --> 00:13:37,110
Essayons de
 le rendre plus petit. 

290
00:13:37,110 --> 00:13:38,910
Et voilà. 

291
00:13:38,905 --> 00:13:40,995
Ok, je pense que
 c'est très bien. 

292
00:13:40,990 --> 00:13:42,640
C'est très bien à ce stade. 

293
00:13:42,640 --> 00:13:43,500
Très bien. 

294
00:13:43,495 --> 00:13:45,165
Vous y allez. 

295
00:13:45,160 --> 00:13:46,360
Faisons simplement défiler vers le bas,

296
00:13:46,360 --> 00:13:48,770
voir ce que nous pouvons faire d'autre. 

297
00:13:48,930 --> 00:13:50,590
C'est à peu près tout. 

298
00:13:50,590 --> 00:13:51,820
Je pense que tout va bien. 

299
00:13:51,820 --> 00:13:54,880
Permettez-moi de rendre
 celle-ci vraiment petite. 

300
00:13:54,880 --> 00:13:57,880
Evidence, une colonne. 

301
00:13:57,880 --> 00:14:01,050
Et voilà,

302
00:14:01,045 --> 00:14:03,315
ok, une dernière chose,

303
00:14:03,310 --> 00:14:05,260
dernière chose que nous pourrions faire est

304
00:14:05,260 --> 00:14:06,670
peut-être
 de réduire un
 peu la taille

305
00:14:06,670 --> 00:14:08,200
du bouton ici. 

306
00:14:08,200 --> 00:14:10,300
Allons de l'avant
 et modifions le bas

307
00:14:10,300 --> 00:14:13,630
ici, nous
 allons passer au style. 

308
00:14:13,630 --> 00:14:17,010
En fait, je vais aller au style. 

309
00:14:17,005 --> 00:14:19,815
Ensuite, pour la
 typographie ici,

310
00:14:19,815 --> 00:14:22,195
passons rapidement dans
 leur mélange de taille. 

311
00:14:22,190 --> 00:14:24,280
Bien sûr, cela
 est réglé sur mobile,

312
00:14:24,275 --> 00:14:27,665
et ensuite nous allons simplement aller de l'avant
 et peut-être en faire un. 

313
00:14:27,665 --> 00:14:29,365
Voyons voir. 

314
00:14:29,360 --> 00:14:33,800
Défauts et pixels,
 peut-être 14 pixels,

315
00:14:33,800 --> 00:14:35,410
ou que pouvons-nous changer d'autre ? 

316
00:14:35,405 --> 00:14:40,765
Nous pouvons également modifier
 le rayon de la frontière. 

317
00:14:41,830 --> 00:14:44,210
Ramenons celui-ci à,

318
00:14:44,210 --> 00:14:47,440
disons cinq pixels. 

319
00:14:47,435 --> 00:14:49,585
Et c'est là. 

320
00:14:49,580 --> 00:14:56,200
Bon, maintenant, nous pourrions
 essayer de rendre la taille trop petite. 

321
00:14:56,195 --> 00:14:58,105
En fait, je n'ai pas testé ça. 

322
00:14:58,100 --> 00:15:02,140
Je ne suis pas sûr que cela
 affecterait la vue de la tablette. 

323
00:15:02,135 --> 00:15:04,675
va affecter la vue de
 la tablette et

324
00:15:04,670 --> 00:15:07,580
même la vue du bureau
 sera toujours petite. 

325
00:15:07,580 --> 00:15:09,940
C'est à vous de
 décider de
 faire,

326
00:15:09,935 --> 00:15:11,195
de réduire le bouton. 

327
00:15:11,195 --> 00:15:14,315
Tous les trois
 sont de tailles d'écran. 

328
00:15:14,315 --> 00:15:16,345
Ou vous pourriez simplement
 y aller avec un médium. 

329
00:15:16,340 --> 00:15:18,770
Je pense que le moyen
 conviendra bien pour le mobile. 

330
00:15:18,770 --> 00:15:19,450
Très bien. 

331
00:15:19,445 --> 00:15:20,095
C'est ça. 

332
00:15:20,090 --> 00:15:22,570
Je vais aller de l'
avant maintenant aux mises à jour. 

333
00:15:22,565 --> 00:15:25,165
Et c'est là. 

334
00:15:25,160 --> 00:15:27,260
Nous avons
 construit avec succès dans

335
00:15:27,260 --> 00:15:29,540
une page d'accueil réactive. 

336
00:15:29,540 --> 00:15:30,710
Merci d'avoir regardé
 et bien sûr, je vous
 verrai

337
00:15:30,710 --> 00:15:33,030
dans la prochaine classe.