HTML - Ayuda con diseño responsivo

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 422 puestos en HTML (en relación al último mes)
Gráfica de HTML

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;
}
    }


WhatsApp-Image-2019-10-15-at-4.25.10-PM
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder