InicioCurso de Frontend Developer
Curso de Frontend Developer
1

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

Leonardo
leoreyes_07
7275

  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 un año
Escribe tu comentario
+ 2

Entradas relacionadas

1

Chat entre amigos

Bueno, para crear una figura de chat con html y CSS primero debes saber de que se tratará el mensaje. Haz un borrador de lo que el mensaj
malexandrecrespo
malexandrecrespo
1

Facilitar los tamaños relativos en tu proyecto

Al usar la medida de “rem”, que serian usar buenas practicas, puedes configurar tu html a un font-size del 65.5% para que cada rem valga 10p
gongorabada
gongorabada
1

COMO CREAR UN FORMULARIO EN HTML

Lo primero es crear la base que es html, ejemplo <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> &lt
andersson.herrera3
andersson.herrera3
1

Responsive Design Html y Css

How to Implement Responsive Design in your Web Page Developments Introduction In today’s market, responsive design is a very popular trend
calidad8700
calidad8700