1
00:00:00,000 --> 00:00:01,970
Muy bien, así que echemos un
vistazo a hacer que

2
00:00:01,965 --> 00:00:04,305
la página principal o responda. 

3
00:00:04,305 --> 00:00:07,085
Y para la mayor parte,

4
00:00:07,080 --> 00:00:09,380
en realidad no es tan malo. 

5
00:00:09,375 --> 00:00:12,135
Esto es para la vista de la tableta. 

6
00:00:12,135 --> 00:00:17,165
Obviamente podemos hacer el
titular un poco más pequeño. 

7
00:00:17,160 --> 00:00:22,950
Hacer el plátano también un
poco más corto en altura. 

8
00:00:22,950 --> 00:00:23,760
Aquí mismo. 

9
00:00:23,760 --> 00:00:27,240
Por supuesto, podemos añadir algún
relleno a la pelota fuera a

10
00:00:27,240 --> 00:00:28,980
sección de
viaje así como

11
00:00:28,980 --> 00:00:31,380
enseñable para que mejor
proceda sección también. 

12
00:00:31,380 --> 00:00:33,090
Pero creo que eso es todo
lo que tenemos que hacer porque

13
00:00:33,090 --> 00:00:35,350
el resto es en realidad bastante bueno. 

14
00:00:35,350 --> 00:00:38,050
La
sección única de diseño de canales se ve bien. 

15
00:00:38,045 --> 00:00:39,515
La galería está bien. 

16
00:00:39,515 --> 00:00:42,045
Visitas, nuestra
sección de blog está bien. 

17
00:00:42,049 --> 00:00:45,519
No empaqueta
reseñas, todo bien. 

18
00:00:45,514 --> 00:00:49,324
No obstante, para la vista móvil,

19
00:00:49,325 --> 00:00:53,395
que es lo que hemos
llegado aquí, obviamente,

20
00:00:53,390 --> 00:00:56,990
vamos a tener que
hacer el texto mucho,
mucho,

21
00:00:56,990 --> 00:00:59,410
mucho más pequeño
como se puede ver. 

22
00:00:59,405 --> 00:01:04,105
También agrega relleno aquí
también para la sección de viajes. 

23
00:01:04,100 --> 00:01:06,340
Y tenemos que hacer
algo sobre el hecho

24
00:01:06,335 --> 00:01:08,575
que sí tenemos

25
00:01:08,570 --> 00:01:10,670
las dos imágenes para

26
00:01:10,670 --> 00:01:13,970
la segunda sección
alineando

27
00:01:13,970 --> 00:01:16,100
uno al lado del otro
idealmente debería ser,

28
00:01:16,100 --> 00:01:18,020
me encantará viajar. 

29
00:01:18,020 --> 00:01:21,080
Entonces esta imagen y
luego nuestros hijos,
los

30
00:01:21,080 --> 00:01:23,870
mejores lugares, y luego
la imagen de esta montaña. 

31
00:01:23,870 --> 00:01:26,090
Entonces vamos a tener que hacer
algo al respecto también. 

32
00:01:26,090 --> 00:01:28,150
Aparte de eso, el resto

33
00:01:28,145 --> 00:01:30,505
de la página se ve bastante
bien a considerar. 

34
00:01:30,500 --> 00:01:35,600
La galería es ahora una
sola fila, lo cual está bien. 

35
00:01:35,600 --> 00:01:40,240
El apartado de blog también es
una sola fila también. 

36
00:01:40,235 --> 00:01:42,875
Quiero unas 22 filas, lo siento. 

37
00:01:42,875 --> 00:01:46,285
Entonces no empaqueta
reseñas todo ahora y

38
00:01:46,280 --> 00:01:48,320
la propia columna separada
y luego también produce como

39
00:01:48,320 --> 00:01:50,470
puedes ver, que en. 

40
00:01:50,465 --> 00:01:51,865
Todos. Correcto, así que
vamos a seguir adelante y empezar

41
00:01:51,860 --> 00:01:53,390
a hacer los cambios. 

42
00:01:53,390 --> 00:01:56,040
Entonces editemos con Elementor. 

43
00:01:56,044 --> 00:01:58,834
Vamos a manejar el
banner primero porque ese es el

44
00:01:58,835 --> 00:02:01,835
que es el principal Ese es
el tema principal. 

45
00:02:01,835 --> 00:02:06,385
Muy bien. Tabletas responsivas. 

46
00:02:06,380 --> 00:02:09,010
¿ Qué tenemos aquí? 

47
00:02:09,005 --> 00:02:11,575
Vamos a seguir adelante
ahora y editar el texto. 

48
00:02:11,570 --> 00:02:15,830
Y el texto era
de unos 120 píxeles. 

49
00:02:15,830 --> 00:02:17,200
Como se puede ver. 

50
00:02:17,195 --> 00:02:19,735
Vamos a tener dos
grandes romper esto abajo,

51
00:02:19,730 --> 00:02:22,010
sólo un poco mucho más pequeño. 

52
00:02:22,010 --> 00:02:25,000
Entonces digamos 88 píxeles de ancho. 

53
00:02:24,995 --> 00:02:30,755
Pero no olvides que nos fijamos
una altura para la sección. 

54
00:02:30,755 --> 00:02:33,565
Pasemos a esta
sección ahora mismo. 

55
00:02:33,560 --> 00:02:36,200
Tenemos la altura mínima aquí. 

56
00:02:36,200 --> 00:02:39,740
Vamos a reducir
esto tanto como podamos. 

57
00:02:39,740 --> 00:02:41,230
No te preocupes por
el texto que se superpone

58
00:02:41,225 --> 00:02:43,085
al encabezado por ahora. 

59
00:02:43,085 --> 00:02:45,025
Pero intentemos
darle una
altura razonable

60
00:02:45,020 --> 00:02:46,580
para la mesa. 

61
00:02:46,580 --> 00:02:47,630
Y creo que 519, mi bebé,

62
00:02:47,630 --> 00:02:51,170
demasiado pequeño,
digamos setecientos. 

63
00:02:51,170 --> 00:02:54,310
Setecientos parece bastante bien. 

64
00:02:54,305 --> 00:02:56,845
Entonces a partir de aquí,
no olvides que

65
00:02:56,840 --> 00:02:59,260
también le damos
márgenes negativos. 

66
00:02:59,255 --> 00:03:02,995
Ahora que hemos reducido el
tamaño de cien,

67
00:03:02,990 --> 00:03:05,750
diez cientos a 700
mujeres también acuden también

68
00:03:05,750 --> 00:03:08,890
a Advanced invite aquí. 

69
00:03:08,885 --> 00:03:10,825
No se deje engañar por el
hecho de que no se ve

70
00:03:10,820 --> 00:03:12,940
nada dentro de
las casillas de margen. 

71
00:03:12,935 --> 00:03:14,785
En realidad es
heredar los márgenes

72
00:03:14,780 --> 00:03:18,290
de la vista de escritorio. 

73
00:03:18,290 --> 00:03:23,260
Entonces aquí, sigamos adelante ahora
y tratemos de reducir esto. 

74
00:03:23,255 --> 00:03:25,285
Oh, lo siento, me olvidé de desvincular. 

75
00:03:25,280 --> 00:03:28,070
Hagamos esto 10. 

76
00:03:28,070 --> 00:03:31,760
Muy bien. Voy a
seguir subiendo otra vez. 

77
00:03:31,760 --> 00:03:34,510
Esto debería ser sobre,
déjame solo darle

78
00:03:34,505 --> 00:03:41,215
150 menos, vale, no
puedo hacer eso. 

79
00:03:41,210 --> 00:03:42,320
Déjame probar esto. 

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

81
00:03:44,660 --> 00:03:46,540
¿ De acuerdo? Creo que eso es
un poco demasiado. 

82
00:03:46,535 --> 00:03:48,055
Vamos a bajar. 

83
00:03:48,050 --> 00:03:48,670
Vamos a bajar. 

84
00:03:48,665 --> 00:03:50,035
De acuerdo, por lo que debería ser

85
00:03:50,030 --> 00:03:52,490
alrededor de 123 altavoz de ocio

86
00:03:52,490 --> 00:03:55,740
uno veinticinco,
veinticinco píxeles. 

87
00:03:55,739 --> 00:03:58,769
Ahora para el texto
en sí o el encabezado,

88
00:03:58,765 --> 00:04:02,955
podríamos hacer esto un
poco más pequeño otra vez. 

89
00:04:02,950 --> 00:04:04,450
Y eso es todo. 

90
00:04:04,450 --> 00:04:04,900
¿ Qué opinas? 

91
00:04:04,900 --> 00:04:09,010
Creo que esto está bien. 80
pixeles para el encabezado. 

92
00:04:09,010 --> 00:04:12,730
Reduce la altura de esta
sección a 700 píxeles,

93
00:04:12,730 --> 00:04:14,640
reduce el margen negativo también. 

94
00:04:14,635 --> 00:04:20,375
Y creo que esto está bien,
aunque ten cuidado,

95
00:04:20,379 --> 00:04:22,959
¿ves ahora mismo
que si ampliamos

96
00:04:22,960 --> 00:04:26,610
la tabla al tamaño
máximo de pantalla,

97
00:04:26,605 --> 00:04:28,935
puedes ver que ahora tenemos
el espacio en blanco apareciendo. 

98
00:04:28,930 --> 00:04:30,220
Entonces eso debería decirnos ahora mismo

99
00:04:30,220 --> 00:04:32,080
que todo bien, espera un segundo. 

100
00:04:32,080 --> 00:04:34,780
Tenemos que aumentar
las imaginas negativas,
en realidad,

101
00:04:34,780 --> 00:04:37,860
eso es otra cosa que
deberías ser un acomodado. 

102
00:04:37,859 --> 00:04:39,199
Siempre que estés aplicando

103
00:04:39,200 --> 00:04:41,140
márgenes
negativos y modo de
respuesta,

104
00:04:41,135 --> 00:04:43,885
asegúrate de que estás
aplicando márgenes negativos

105
00:04:43,880 --> 00:04:47,030
al mayor
tamaño de pantalla posible. 

106
00:04:47,029 --> 00:04:49,209
Esta es la mayor
concisa posible para

107
00:04:49,205 --> 00:04:52,045
la vista inclinada en 1024 por 878,

108
00:04:52,040 --> 00:04:53,840
vamos a aumentar,

109
00:04:53,840 --> 00:04:57,710
o más bien en este caso
reducir el margen negativo. 

110
00:04:57,710 --> 00:04:59,360
Porque cuando
eres negativo estamos

111
00:04:59,360 --> 00:05:03,550
reduciendo eso. Es todo 158. 

112
00:05:03,545 --> 00:05:06,495
Justo sobre lo hace Es, así que ahora,

113
00:05:06,499 --> 00:05:10,519
si bajamos esto al tamaño
más pequeño para tablet,

114
00:05:10,520 --> 00:05:13,880
aún no
vamos a
ver ningún espacio en blanco. 

115
00:05:13,880 --> 00:05:16,010
Y eso es todo. 

116
00:05:16,010 --> 00:05:19,850
Ok, creo que esto está
bien para la tableta. 

117
00:05:19,850 --> 00:05:21,890
Ahora hagamos algunos cambios en
la

118
00:05:21,890 --> 00:05:23,960
primera o la segunda sección. 

119
00:05:23,960 --> 00:05:27,410
Y esto da ahora mismo,
¿qué tenemos que hacer? 

120
00:05:27,410 --> 00:05:30,230
Para las tabletas? 
Podemos añadir algún relleno. 

121
00:05:30,230 --> 00:05:32,920
Muy bien, vamos a
entrar aquí y es sección. 

122
00:05:32,915 --> 00:05:34,885
Vayamos a Avanzado. 

123
00:05:34,880 --> 00:05:38,380
Y justo aquí, vamos
a añadir un poco de relleno. 

124
00:05:38,375 --> 00:05:41,125
Podemos ir a los 25 pixeles
habituales y

125
00:05:41,120 --> 00:05:45,210
luego un efecto pixeles
para la parte inferior también. 

126
00:05:45,214 --> 00:05:47,424
Vamos a enfriar aquí abajo. 

127
00:05:47,420 --> 00:05:50,350
Haremos exactamente
lo mismo aquí también. 

128
00:05:50,345 --> 00:05:53,405
Te voy a mostrar
algo realmente genial. 

129
00:05:53,405 --> 00:05:56,365
25 píxeles desde la parte superior y

130
00:05:56,360 --> 00:05:59,690
luego 25 píxeles de
la parte inferior también. 

131
00:05:59,690 --> 00:06:02,830
Yo, ahora, si miras esto,

132
00:06:02,825 --> 00:06:06,655
te darás cuenta de que en realidad
no se ve tan genial. 

133
00:06:06,650 --> 00:06:09,100
Quiero decir, tienes una
imagen aquí mismo bola,

134
00:06:09,095 --> 00:06:13,295
los textos, la columna de textos
es un poco demasiado grande. 

135
00:06:13,295 --> 00:06:15,245
Es un poco demasiado alto. 

136
00:06:15,245 --> 00:06:18,185
Impresionante va con la
segunda sección también. 

137
00:06:18,185 --> 00:06:20,735
Entonces, ¿qué podemos hacer exactamente? 

138
00:06:20,735 --> 00:06:23,195
Lo más simple que podríamos
hacer sería simplemente
hacer

139
00:06:23,195 --> 00:06:26,815
que cada columna vaya
un 100% de ancho. 

140
00:06:26,810 --> 00:06:28,460
Entonces en lugar de tener
dos columnas
tendrá

141
00:06:28,460 --> 00:06:30,580
que venir lado a lado. 

142
00:06:30,575 --> 00:06:33,425
Tendremos dos columnas una
encima de la otra. 

143
00:06:33,425 --> 00:06:35,935
Entonces como ejemplo, aquí mismo,

144
00:06:35,930 --> 00:06:38,500
si le di esta primera
columna aquí,

145
00:06:38,495 --> 00:06:39,985
sólo
vamos a
darle a este
cien

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

147
00:06:43,175 --> 00:06:48,875
Y luego vamos a dar
esta columna y también 100. 

148
00:06:48,875 --> 00:06:50,245
Y ahí está. 

149
00:06:50,240 --> 00:06:52,730
En este momento, aunque nos expandamos
al

150
00:06:52,730 --> 00:06:55,990
tamaño más grande posible en una tableta,

151
00:06:55,985 --> 00:06:57,515
creo que se ve bien. 

152
00:06:57,515 --> 00:06:58,975
Esto se ve bien en una punta,

153
00:06:58,970 --> 00:07:01,150
pero solo asegúrate de que las
imágenes sean lo suficientemente grandes. 

154
00:07:01,145 --> 00:07:02,515
Un cambio solo tendría que
hacer

155
00:07:02,510 --> 00:07:03,740
aquí sería agregar

156
00:07:03,740 --> 00:07:06,850
algún relleno a este botón
Saber más. 

157
00:07:06,845 --> 00:07:08,545
Voy a hacer click
ahí, ir al

158
00:07:08,540 --> 00:07:12,490
patrón
avanzado y los
budistas suman en la parte inferior. 

159
00:07:12,485 --> 00:07:15,575
Agregaremos un poco de relleno aquí. 

160
00:07:15,575 --> 00:07:19,915
Permítanme decir que 25 píxeles podrían
ser un poco demasiado. 

161
00:07:19,910 --> 00:07:23,160
En este caso, tal vez 15 pixeles. 

162
00:07:23,164 --> 00:07:24,784
15 píxeles está bien. 

163
00:07:24,785 --> 00:07:25,805
Y ahí está. 

164
00:07:25,805 --> 00:07:30,395
De acuerdo, hagamos exactamente el mismo síntoma
del tema aquí también. 

165
00:07:30,395 --> 00:07:32,905
Voy a hacer click en
esta columna justo aquí. 

166
00:07:32,900 --> 00:07:36,860
El goto, el ancho de columna. 

167
00:07:36,860 --> 00:07:39,020
Voy a darle un 100. 

168
00:07:39,020 --> 00:07:44,270
Y luego la segunda columna
aquí también, 100. 

169
00:07:44,270 --> 00:07:47,360
Vale, y luego echa
un vistazo a esto. 

170
00:07:47,360 --> 00:07:50,540
Idealmente queremos
tener esta columna justo

171
00:07:50,540 --> 00:07:54,190
aquí encima de esta columna. 

172
00:07:54,185 --> 00:07:57,005
¿ Cómo hacemos eso? 

173
00:07:57,005 --> 00:08:01,775
Bueno, lo vamos a hacer es
simplemente ir a esta sección,

174
00:08:01,775 --> 00:08:03,145
sosteniendo estas dos columnas,

175
00:08:03,140 --> 00:08:06,970
ir a sección, ir por
aquí a Avanzado. 

176
00:08:06,965 --> 00:08:09,745
Cualquier aquí mismo en
el sensible. 

177
00:08:09,740 --> 00:08:14,210
Vas a ver esta
opción para revertir las columnas. 

178
00:08:14,210 --> 00:08:16,430
Vamos a hacer eso en la tableta. 

179
00:08:16,430 --> 00:08:18,620
Vamos a hacer eso
y móvil también. 

180
00:08:18,620 --> 00:08:20,870
Ahora se puede ver que el niño,

181
00:08:20,870 --> 00:08:25,090
el mejor versus columna está
ahora en lo alto de la montaña. 

182
00:08:25,085 --> 00:08:28,055
Y así es exactamente
cómo hacer eso. 

183
00:08:28,055 --> 00:08:29,815
Sólo voy a seguir adelante
y añadir un poco de relleno

184
00:08:29,810 --> 00:08:32,150
al botón del propietario aquí. 

185
00:08:32,150 --> 00:08:37,550
Acolgado en la
parte inferior, 2515 pixeles. 

186
00:08:37,550 --> 00:08:40,820
Creo que fue un M&A está bien,

187
00:08:40,820 --> 00:08:42,080
así que volvamos arriba. 

188
00:08:42,080 --> 00:08:44,080
Desplázate hacia abajo. 

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

190
00:08:45,440 --> 00:08:48,460
Tenemos un montón de espacios. 

191
00:08:48,455 --> 00:08:51,305
Todo bien. 

192
00:08:51,305 --> 00:08:54,625
Ok, luce bien,
luce bien. 

193
00:08:54,620 --> 00:08:57,110
Ahora vamos a tratar de
reducir el tamaño al

194
00:08:57,110 --> 00:09:00,200
más pequeño y ver si
hay algo

195
00:09:00,200 --> 00:09:07,330
que
tenemos que hacer
aquí. Se ve bien. 

196
00:09:07,325 --> 00:09:10,795
Se ve perfectamente bien. 

197
00:09:10,790 --> 00:09:14,540
Y ahí está. Ok. 

198
00:09:14,540 --> 00:09:18,120
Eso es todo para la vista de la tableta. 

199
00:09:18,124 --> 00:09:21,564
¿ Qué pasa con la vista móvil? 

200
00:09:21,560 --> 00:09:24,720
Cambiemos al móvil. 

201
00:09:25,600 --> 00:09:28,220
Muy bien, así que obviamente
el plátano de aquí dentro,

202
00:09:28,220 --> 00:09:30,290
tendremos que arreglar ese. 

203
00:09:30,290 --> 00:09:32,090
Bueno, sólo estoy rápidamente
desplazarse hacia abajo aquí y

204
00:09:32,090 --> 00:09:34,160
ver el resto de la página. 

205
00:09:34,160 --> 00:09:36,760
El resto de la página se ve
realmente bastante bien. 

206
00:09:36,755 --> 00:09:38,395
Sí, esto se ve bien. 

207
00:09:38,390 --> 00:09:40,340
Ahora todo está en
una sola columna en

208
00:09:40,340 --> 00:09:44,010
que hemos usado en una columna,

209
00:09:44,014 --> 00:09:46,024
y luego la página Contacto. 

210
00:09:46,025 --> 00:09:47,605
Entonces todo lo que tenemos que hacer
ahora mismo seríamos

211
00:09:47,600 --> 00:09:49,430
para manejar el estandarte. 

212
00:09:49,430 --> 00:09:52,760
Entonces hagamos esto. 
Voy a desplazarse hasta aquí. 

213
00:09:52,760 --> 00:09:56,240
Pasemos a la sección. 

214
00:09:56,240 --> 00:09:58,190
Muy bien, lo primero que
vamos a hacer ahora mismo

215
00:09:58,190 --> 00:10:00,580
es por las alturas. 

216
00:10:00,575 --> 00:10:03,025
Es una
altura mínima, 700 pixeles. 

217
00:10:03,020 --> 00:10:05,360
Esto es por supuesto heredado
de la vista de la tableta. 

218
00:10:05,360 --> 00:10:07,970
Veamos si en realidad
podemos

219
00:10:07,970 --> 00:10:10,760
aumentar un poco el tamaño. 

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

221
00:10:13,600 --> 00:10:17,780
Creo que 879, Tratemos de
conseguir algo un poco,

222
00:10:17,780 --> 00:10:21,020
incluso como 870 pixeles tal vez. 

223
00:10:21,020 --> 00:10:26,720
Tratemos de aumentar un poco
el tamaño
al

224
00:10:26,720 --> 00:10:31,880
tamaño más grande para
la vista móvil. 

225
00:10:31,880 --> 00:10:33,650
Ahora notarías que
hay

226
00:10:33,650 --> 00:10:35,270
un poquito demasiado
de un margen negativo

227
00:10:35,270 --> 00:10:37,130
porque se puede ver
la línea azul y
se puede

228
00:10:37,130 --> 00:10:39,110
ver que el logo
se muestra arriba. 

229
00:10:39,110 --> 00:10:40,670
Entonces lo que vamos a tener que hacer

230
00:10:40,670 --> 00:10:42,710
este momento es ir a Avanzado. 

231
00:10:42,709 --> 00:10:46,329
Y luego para los márgenes
negativos,

232
00:10:46,325 --> 00:10:50,215
intentemos, en realidad,

233
00:10:50,210 --> 00:10:52,070
no lo necesitamos en
ningún margen negativo. 

234
00:10:52,070 --> 00:10:54,230
En realidad iba a hacer que sea 0. 

235
00:10:54,230 --> 00:10:55,850
Sí, sólo
hagámoslo 0 ya que
tenemos

236
00:10:55,850 --> 00:10:57,170
un
fondo de apagón de todos modos. 

237
00:10:57,170 --> 00:10:59,750
Entonces, ¿qué hace McDonald's 0? 

238
00:10:59,750 --> 00:11:01,630
Esto es para móvil. 

239
00:11:01,625 --> 00:11:03,005
Muy bien, entonces desde aquí,

240
00:11:03,005 --> 00:11:05,095
vamos a reducir las alturas. 

241
00:11:05,090 --> 00:11:08,540
Vamos a reducir la
altura de la página ahora
del

242
00:11:08,540 --> 00:11:12,160
banner más bien
algo razonable. 

243
00:11:12,155 --> 00:11:17,975
Veamos. Creo que
535. ¿Qué pasa con el 530? 

244
00:11:17,975 --> 00:11:19,715
Creo que esto está bien. 

245
00:11:19,715 --> 00:11:23,675
cerro de cinco tercios se ve
bien. Desplázate hacia abajo. 

246
00:11:23,675 --> 00:11:24,485
Ok. Sí. 

247
00:11:24,485 --> 00:11:27,415
Creo que estarías bien. Eso está
haciendo son muy pequeños. 

248
00:11:27,410 --> 00:11:29,830
Y ver. 

249
00:11:29,825 --> 00:11:34,855
De acuerdo, entonces los textos pueden llegar a ser,

250
00:11:34,850 --> 00:11:36,830
es un poco demasiado grande en realidad. 

251
00:11:36,830 --> 00:11:38,540
Entonces hagamos esto. Voy a

252
00:11:38,540 --> 00:11:41,020
volver a editar la epigrafía de
encabezamiento. 

253
00:11:41,015 --> 00:11:44,135
Vamos a hacer es que vamos a

254
00:11:44,135 --> 00:11:47,585
tratar de hacer esto lo más
pequeño que podamos. 

255
00:11:47,585 --> 00:11:54,155
Y ahora si ampliamos la
más grande para la vista móvil,

256
00:11:54,155 --> 00:11:56,125
lo que tienes aquí es, vale,

257
00:11:56,120 --> 00:11:59,150
así que esto nos lleva a
una nueva discusión. 

258
00:11:59,149 --> 00:12:03,189
El silicio está aquí mismo en el tamaño
más grande para
el móvil,

259
00:12:03,185 --> 00:12:05,255
el Texas, sería demasiado pequeño. 

260
00:12:05,255 --> 00:12:07,885
Si tratamos de aumentar
el tamaño aquí,

261
00:12:07,880 --> 00:12:09,260
se ve bien en el tamaño de pantalla más alto

262
00:12:09,260 --> 00:12:12,310
posible
para el móvil. 

263
00:12:12,305 --> 00:12:15,475
El tema que conozco es que si
reducimos el tamaño de la pantalla por lo

264
00:12:15,470 --> 00:12:18,380
el
tamaño más pequeño posible para móvil,

265
00:12:18,380 --> 00:12:20,740
ahora que el texto es
un poco demasiado grande,

266
00:12:20,735 --> 00:12:26,045
lo que puedes hacer en este tipo
de escenarios es cambiar

267
00:12:26,045 --> 00:12:30,895
el estilo unidad de tamaño desde píxeles

268
00:12:30,890 --> 00:12:36,170
hasta el puerto de vista nominal revisar
el VW u opción aquí,

269
00:12:36,170 --> 00:12:38,810
el VW es el ancho de la ventanilla. 

270
00:12:38,810 --> 00:12:42,650
Lo que intentaremos hacer es
intentar ajustar el tamaño del

271
00:12:42,650 --> 00:12:46,990
texto en función
del
ancho del tamaño de la pantalla. 

272
00:12:46,985 --> 00:12:47,845
Así que echa un vistazo a esto. 

273
00:12:47,840 --> 00:12:50,930
Voy a ir
a cambiar ahora a VW. 

274
00:12:50,930 --> 00:12:54,310
Y tratemos de ir
con una talla de diez. 

275
00:12:54,305 --> 00:12:56,755
Por lo más alto. 

276
00:12:57,130 --> 00:13:00,370
Este es el tamaño más alto,

277
00:13:00,365 --> 00:13:01,705
tamaño
de pantalla para móvil. 

278
00:13:01,700 --> 00:13:05,870
Y luego si reducimos el
tamaño al más pequeño,

279
00:13:05,870 --> 00:13:10,250
se
puede ver que el texto en realidad también
se está reduciendo. 

280
00:13:10,250 --> 00:13:14,090
A medida que reducimos el
tamaño de la pantalla. 

281
00:13:14,090 --> 00:13:16,190
Ese es un consejo que te puedo
dar en este momento,

282
00:13:16,190 --> 00:13:18,860
simplemente cambia
a VW en lugar

283
00:13:18,860 --> 00:13:21,650
pixeles o K. Así que tal vez,

284
00:13:21,650 --> 00:13:23,870
tal vez una pequeña
cosa que podríamos hacer. 

285
00:13:23,870 --> 00:13:26,360
Una cosa final que
podríamos volver
a hacer será

286
00:13:26,360 --> 00:13:29,290
reducir la altura
un poco más. 

287
00:13:29,285 --> 00:13:32,995
Digamos 450 píxeles. 

288
00:13:32,990 --> 00:13:34,640
Ese debería ser el último cambio. 

289
00:13:34,640 --> 00:13:37,110
Tratemos de hacer que
éste sea más pequeño. 

290
00:13:37,110 --> 00:13:38,910
Y ahí vas. 

291
00:13:38,905 --> 00:13:40,995
Ok, creo que esto
es, esto está bien. 

292
00:13:40,990 --> 00:13:42,640
Esto está bien en este punto. 

293
00:13:42,640 --> 00:13:43,500
Muy bien. 

294
00:13:43,495 --> 00:13:45,165
Ahí vas. 

295
00:13:45,160 --> 00:13:46,360
Vamos a desplazar hacia abajo,

296
00:13:46,360 --> 00:13:48,770
ver qué más podemos hacer. 

297
00:13:48,930 --> 00:13:50,590
Eso es más o menos. 

298
00:13:50,590 --> 00:13:51,820
Creo que estamos bien. 

299
00:13:51,820 --> 00:13:54,880
Permítanme simplemente hacer
este realmente pequeño. 

300
00:13:54,880 --> 00:13:57,880
Evidencia, una columna. 

301
00:13:57,880 --> 00:14:01,050
Y ahí está,

302
00:14:01,045 --> 00:14:03,315
vale, Una última cosa,

303
00:14:03,310 --> 00:14:05,260
lo
último que podríamos hacer es

304
00:14:05,260 --> 00:14:06,670
quizás reducir el tamaño

305
00:14:06,670 --> 00:14:08,200
del botón aquí
solo un poquito. 

306
00:14:08,200 --> 00:14:10,300
Así que vamos a seguir adelante
y editar el fondo

307
00:14:10,300 --> 00:14:13,630
justo aquí
vamos a ir al estilo. 

308
00:14:13,630 --> 00:14:17,010
En realidad, va a ir al estilo. 

309
00:14:17,005 --> 00:14:19,815
Entonces para la
tipografía aquí mismo,

310
00:14:19,815 --> 00:14:22,195
vamos rápido en
su mezcla de tamaño. 

311
00:14:22,190 --> 00:14:24,280
Por supuesto, esto
está configurado para móvil,

312
00:14:24,275 --> 00:14:27,665
y luego simplemente vamos a seguir adelante
y tal vez hacer éste. 

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

314
00:14:29,360 --> 00:14:33,800
Fallas y píxeles,
tal vez 14 píxeles,

315
00:14:33,800 --> 00:14:35,410
o ¿qué más podemos cambiar? 

316
00:14:35,405 --> 00:14:40,765
Por supuesto podemos cambiar también
el radio fronterizo. 

317
00:14:41,830 --> 00:14:44,210
Bajemos este a,

318
00:14:44,210 --> 00:14:47,440
digamos cinco píxeles. 

319
00:14:47,435 --> 00:14:49,585
Y ahí está. 

320
00:14:49,580 --> 00:14:56,200
Vale, ahora aquí podríamos tratar de
hacer el tamaño demasiado pequeño. 

321
00:14:56,195 --> 00:14:58,105
En realidad no han probado esto. 

322
00:14:58,100 --> 00:15:02,140
No estoy seguro de si esto
afectaría la vista de la tableta. 

323
00:15:02,135 --> 00:15:04,675
Se va a afectar
la vista de la tableta e

324
00:15:04,670 --> 00:15:07,580
incluso la vista de escritorio es siempre
será pequeña. 

325
00:15:07,580 --> 00:15:09,940
Esto depende de usted podría
decidir simplemente hacer,

326
00:15:09,935 --> 00:15:11,195
hacer pequeño el botón. 

327
00:15:11,195 --> 00:15:14,315
En todos los tres
son tamaños de pantalla. 

328
00:15:14,315 --> 00:15:16,345
O simplemente podrías
ir con un medio. 

329
00:15:16,340 --> 00:15:18,770
Creo que el medio va a
estar bien para móvil. 

330
00:15:18,770 --> 00:15:19,450
Muy bien. 

331
00:15:19,445 --> 00:15:20,095
Eso es todo. 

332
00:15:20,090 --> 00:15:22,570
Voy a seguir
adelante ahora actualizaciones. 

333
00:15:22,565 --> 00:15:25,165
Y ahí está. 

334
00:15:25,160 --> 00:15:27,260
Hemos
construido con éxito en

335
00:15:27,260 --> 00:15:29,540
un sensible nuestra página de inicio. 

336
00:15:29,540 --> 00:15:30,710
Gracias por mirarte
y por supuesto te
veré

337
00:15:30,710 --> 00:15:33,030
en la próxima clase.