Ayuda con diseño responsivo
Publicado por Hector (1 intervención) el 17/10/2019 04:07:38
Hola buenas noches, estoy haciendo un diseño responsivo pero en tipo web si toma las características que necesito, pero cuando pasa a 480 px pierde todo, fuente letra, imágenes se pegan a la izquierda
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
@media ( min-width:480px){
.argumento{
font-family: 'arial';
font-family: var(--fuenteprincipal);
text-decoration-color: white;
text-align: center;
text-align: justify;
padding-right: 15rem;
line-height: 25pt;
padding-top: -5rem;
text-decoration: white;
text-size-adjust: 2rem;
font-size: 26px;
text-indent: 10%;
padding-left: 15rem;
}}@media all and (min-width:480px){
.barra1{
max-width: 100%;
padding: 0rem 4rem;padding-bottom: 0;
padding-top: 7.5rem;
margin:0 auto; position: relative; }.barra1 .nav1{
display: grid;grid-template-columns: repeat(4, 2fr);
grid-column-gap: 5rem;
}.barra1 .nav1 a{
font-family: var(--fuenteprincipal);
font-size: 4rem;
color: white;vertical-align:middle;
object-fit: cover;
} }Valora esta pregunta
0