Adquiere por un año todos los cursos, escuelas y certificados por un precio especial.

Adquiere por un año todos los cursos, escuelas y certificados por un precio especial.

Antes:$249

Currency
$219/año
Paga en 4 cuotas sin intereses
Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

22h

46m

00s

InicioCurso de Frontend Developer
Curso de Frontend Developer
1

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

Leonardo
leoreyes_07
4066

  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

0
hace 2 meses
Escribe tu comentario
+ 2

Entradas relacionadas

1

codigo de mi tarjeta de practica

{ margin: 0; padding: 0; box-sizing: border-box; } body { font-family: ‘Montserrat’, sans-serif; background-color: #dbe2ef; } .card { w
emontilla
emontilla
1

En resumen , Muy bien expicado hasta e momento quiero Ver JS

En resumen , me gusta mucho el curso, tengo que seguir practicando display flex y z index
emontilla
emontilla
1

Rock

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
cristian.sabogal
cristian.sabogal
4

Diseño responsive, con flex y grid (Inspirado en tutoriales externos)

Este es una estructura para un diseño responsive (Mobile first) Hecho con dos herramientas Aquí la estructura_ html_: Acá adjunto la prime
cristianperdiz.medac
cristianperdiz.medac