1
00:00:00,000 --> 00:00:01,970
Tudo bem, então vamos
 dar uma olhada em tornar

2
00:00:01,965 --> 00:00:04,305
a página inicial ou responsiva. 

3
00:00:04,305 --> 00:00:07,085
E na maioria das partes,

4
00:00:07,080 --> 00:00:09,380
na
 verdade não é tão ruim. 

5
00:00:09,375 --> 00:00:12,135
Isso é para a visualização do tablet. 

6
00:00:12,135 --> 00:00:17,165
Obviamente, podemos tornar o
 título um pouco menor. 

7
00:00:17,160 --> 00:00:22,950
Faça a banana também um
 pouco mais curta em altura. 

8
00:00:22,950 --> 00:00:23,760
Bem aqui. 

9
00:00:23,760 --> 00:00:27,240
Claro, podemos adicionar um pouco de
 preenchimento à bola para a

10
00:00:27,240 --> 00:00:28,980
seção
 de viagens, bem como

11
00:00:28,980 --> 00:00:31,380
ensinável a melhor
 prosseguir seção também. 

12
00:00:31,380 --> 00:00:33,090
Mas acho que isso é tudo o que
 precisamos fazer porque

13
00:00:33,090 --> 00:00:35,350
o resto é realmente muito bom. 

14
00:00:35,350 --> 00:00:38,050
A
 seção exclusiva de design do canal parece boa. 

15
00:00:38,045 --> 00:00:39,515
A galeria está boa. 

16
00:00:39,515 --> 00:00:42,045
Visitas, nossa
 seção de blog está boa. 

17
00:00:42,049 --> 00:00:45,519
Ele não empacota
 avaliações, tudo bem. 

18
00:00:45,514 --> 00:00:49,324
No entanto, para a visualização móvel,

19
00:00:49,325 --> 00:00:53,395
que é o que
 chegamos aqui, obviamente,

20
00:00:53,390 --> 00:00:56,990
teremos que
 tornar o texto muito,

21
00:00:56,990 --> 00:00:59,410
muito, muito menor
 como você pode ver. 

22
00:00:59,405 --> 00:01:04,105
Também adicione preenchimento aqui
 também para a seção de viagens. 

23
00:01:04,100 --> 00:01:06,340
E precisamos fazer
 algo sobre o fato

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

25
00:01:08,570 --> 00:01:10,670
as duas imagens para
 a

26
00:01:10,670 --> 00:01:13,970
segunda seção
 alinhadas

27
00:01:13,970 --> 00:01:16,100
uma ao lado da outra,
 idealmente deveria ser,

28
00:01:16,100 --> 00:01:18,020
eu adorarei viajar. 

29
00:01:18,020 --> 00:01:21,080
Então esta imagem e,
 em seguida, nossos filhos

30
00:01:21,080 --> 00:01:23,870
,
 os melhores lugares e depois
 a imagem desta montanha. 

31
00:01:23,870 --> 00:01:26,090
Então, vamos ter que fazer
 algo sobre isso também. 

32
00:01:26,090 --> 00:01:28,150
Fora isso, o resto

33
00:01:28,145 --> 00:01:30,505
da página parece muito
 bom a considerar. 

34
00:01:30,500 --> 00:01:35,600
A galeria agora é uma
 única linha, o que é bom. 

35
00:01:35,600 --> 00:01:40,240
A seção do blog também é
 uma única linha. 

36
00:01:40,235 --> 00:01:42,875
Quero 22 linhas, sinto muito. 

37
00:01:42,875 --> 00:01:46,285
Em seguida, ele não
 empacota todas as revisões agora e

38
00:01:46,280 --> 00:01:48,320
a própria coluna separada
 e, em seguida, também produz como

39
00:01:48,320 --> 00:01:50,470
você pode ver, isso em. 

40
00:01:50,465 --> 00:01:51,865
Tudo. Certo, então
 vamos em frente e começar

41
00:01:51,860 --> 00:01:53,390
a fazer as alterações. 

42
00:01:53,390 --> 00:01:56,040
Então, vamos editar com o Elementor. 

43
00:01:56,044 --> 00:01:58,834
Vamos lidar com o
 banner primeiro porque
 esse é o

44
00:01:58,835 --> 00:02:01,835
principal. Esse é
 o principal problema. 

45
00:02:01,835 --> 00:02:06,385
Tudo bem. Tablets responsivos. 

46
00:02:06,380 --> 00:02:09,010
O que temos aqui? 

47
00:02:09,005 --> 00:02:11,575
Vamos seguir em frente
 agora e editar o texto. 

48
00:02:11,570 --> 00:02:15,830
E o texto era de
 cerca de 120 pixels. 

49
00:02:15,830 --> 00:02:17,200
Como você pode ver. 

50
00:02:17,195 --> 00:02:19,735
Vamos ter duas
 grandes quebras,

51
00:02:19,730 --> 00:02:22,010
apenas um pouco mais pequenas. 

52
00:02:22,010 --> 00:02:25,000
Então, digamos que 88 pixels de largura. 

53
00:02:24,995 --> 00:02:30,755
Mas não se esqueça de que definimos
 uma altura para a seção. 

54
00:02:30,755 --> 00:02:33,565
Vamos para esta
 seção agora. 

55
00:02:33,560 --> 00:02:36,200
Temos a altura mínima aqui. 

56
00:02:36,200 --> 00:02:39,740
Vamos reduzir
 isso o máximo que pudermos. 

57
00:02:39,740 --> 00:02:41,230
Não se preocupe com
 o texto
 sobrepondo

58
00:02:41,225 --> 00:02:43,085
o cabeçalho por enquanto. 

59
00:02:43,085 --> 00:02:45,025
Mas vamos tentar
 dar-lhe uma
 altura razoável

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

61
00:02:46,580 --> 00:02:47,630
E eu acho que 519, meu bebê,

62
00:02:47,630 --> 00:02:51,170
muito pequeno,
 digamos setecentos. 

63
00:02:51,170 --> 00:02:54,310
Setecentos parecem bem o suficiente. 

64
00:02:54,305 --> 00:02:56,845
Então, a partir daqui,
 não se esqueça de que
 também lhe damos

65
00:02:56,840 --> 00:02:59,260
margens negativas. 

66
00:02:59,255 --> 00:03:02,995
Agora que reduzimos o
 tamanho de cento,
 dezentas para 700
 mulheres,

67
00:03:02,990 --> 00:03:05,750
além de ir

68
00:03:05,750 --> 00:03:08,890
para o Advanced Convite aqui. 

69
00:03:08,885 --> 00:03:10,825
Não se deixe enganar pelo
 fato de você não ver

70
00:03:10,820 --> 00:03:12,940
nada dentro
 das caixas de margem. 

71
00:03:12,935 --> 00:03:14,785
Na verdade, ele está
 herdando as margens

72
00:03:14,780 --> 00:03:18,290
da visualização da área de trabalho. 

73
00:03:18,290 --> 00:03:23,260
Então, aqui, vamos em frente agora
 e tentar reduzir isso. 

74
00:03:23,255 --> 00:03:25,285
Desculpe, esqueci de desvincular. 

75
00:03:25,280 --> 00:03:28,070
Vamos fazer isso 10. 

76
00:03:28,070 --> 00:03:31,760
Tudo bem. Vou
 continuar subindo novamente. 

77
00:03:31,760 --> 00:03:34,510
Isso deve ser sobre,
 deixe-me dar

78
00:03:34,505 --> 00:03:41,215
150 menos, ok,
 eu não posso fazer isso. 

79
00:03:41,210 --> 00:03:42,320
Deixe-me tentar isso. 

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

81
00:03:44,660 --> 00:03:46,540
Certo? Acho que isso é
 um pouco demais. 

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

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

84
00:03:48,665 --> 00:03:50,035
Ok, então deve ser

85
00:03:50,030 --> 00:03:52,490
cerca de 123 alto-falantes de lazer

86
00:03:52,490 --> 00:03:55,740
um vinte e cinco,
 vinte e cinco pixels. 

87
00:03:55,739 --> 00:03:58,769
Agora, para o texto
 em si ou para o cabeçalho,

88
00:03:58,765 --> 00:04:02,955
poderíamos fazer isso um
 pouco menor novamente. 

89
00:04:02,950 --> 00:04:04,450
E é isso. 

90
00:04:04,450 --> 00:04:04,900
O que você acha? 

91
00:04:04,900 --> 00:04:09,010
Acho que isso está bem. 80
 pixels para o cabeçalho. 

92
00:04:09,010 --> 00:04:12,730
Reduza a altura desta
 seção para 700 pixels,

93
00:04:12,730 --> 00:04:14,640
reduziu a margem negativa também. 

94
00:04:14,635 --> 00:04:20,375
E eu acho que isso é bom,
 embora tenha cuidado,

95
00:04:20,379 --> 00:04:22,959
você vê agora
 que, se expandirmos

96
00:04:22,960 --> 00:04:26,610
a tabela para o tamanho
 máximo da tela,

97
00:04:26,605 --> 00:04:28,935
você pode ver que agora temos
 o espaço em branco aparecendo. 

98
00:04:28,930 --> 00:04:30,220
Então isso deve nos dizer agora

99
00:04:30,220 --> 00:04:32,080
que tudo bem, espere um segundo. 

100
00:04:32,080 --> 00:04:34,780
Precisamos aumentar
 as imaginas negativas,

101
00:04:34,780 --> 00:04:37,860
na verdade, isso é outra coisa que
 você deve ser um abastado. 

102
00:04:37,859 --> 00:04:39,199
Sempre que você estiver aplicando

103
00:04:39,200 --> 00:04:41,140
margens
 negativas e modo
 responsivo,

104
00:04:41,135 --> 00:04:43,885
certifique-se de estar
 aplicando margens negativas

105
00:04:43,880 --> 00:04:47,030
ao maior
 tamanho de tela possível. 

106
00:04:47,029 --> 00:04:49,209
Este é o maior
 conciso possível para

107
00:04:49,205 --> 00:04:52,045
a visão inclinada em 1024 por 878,

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

109
00:04:53,840 --> 00:04:57,710
neste caso,
 reduzir a margem negativa. 

110
00:04:57,710 --> 00:04:59,360
Porque quando você
 é negativo, estamos

111
00:04:59,360 --> 00:05:03,550
reduzindo isso. É tudo 158. 

112
00:05:03,545 --> 00:05:06,495
É, então agora,

113
00:05:06,499 --> 00:05:10,519
se dermos isso para o
 menor tamanho para tablet,

114
00:05:10,520 --> 00:05:13,880
ainda não