CursosEmpresasBlogLiveConfPrecios

Como hacer un diseño de botones responsive sencillo con media query

Actualizado el 02 de agosto de 2023

1 min de lectura
ESCRITO POR
Leonardo Reyes

leoreyes_07 10,451 Pts

Curso de Frontend Developer

Toma las primeras clases gratis

  1. Cree un contenedor de tres botones en un documento HTML.
    reto-responsive-code.png

  2. Agrege estilos a los botones.
    reto-responsive-code1.png

  3. En la seccion estilos agrege el media query y definí el ancho mínimo 480px, para que el diseño responsive empiece a alinear los botones en columnas.
    reto-responsive-code2.png

Resultados:
Diseño completo
reto-responsive1.png
Diseño responsive
reto-responsive2.png

Curso de Frontend Developer

Toma las primeras clases gratis

0 Comentarios

para escribir tu comentario

Artículos relacionados

✨Presente continuo✨

Hola PlatziNauta! 👩🏽👋🏽 Te comparto mis apuntes para que ¡Nunca pares de aprender! 👇🏽 más apuntes en: https://byiris.netlify.app

iris-val

iris-val

5

Lettering, el arte de dibujar letras - Proceso de entintado

A través de este vídeo te mostraré cómo entintar un boceto que ya has definido como tu creación. Es recomendable hacer tu boceto inicialment

MelanieViToM

MelanieViToM

1

Resultados

¿Cuál ha sido el reto más grande al que te has enfrentado como líder?Aprender a comunicar mis ideas, asegurarme que la otra persona ente

illanes.mayte

illanes.mayte

3

Apuntes teóricos

PRIMER BLOQUE: ¿Para qué sirve la estadística descriptiva?Estadística descriptiva vs inferencialEstadística de un jugador de fútbol:

maurojasnova

maurojasnova

13