CSS - CSS Forumulario Responsibe

Estimados buenas tardes.

Por favor alguien me puede ayudar, tengo que hacer un formulario respinsib que cuando se vea en una pc se vea como el primer gráfico adjunto, si se hace más pequeño el navegador, que se organizen los datos como está en el segundo gráfico (Para Tablet) y si se hace mas pequeño el navegador, se organicen los datos como se muestra en el tercer grafico (Para Celular). Alguien me puede guiar con un manual o un ejemplo?.

Por su ayuda, gracias de antemano.

Hola,

primero añade esta etiqueta antes del cierre del </head> -> <meta name="viewport" content="width=device-width, initial-scale=1">

Y comprueba como lo ves con distintas medidas con el editor de google chorme, o opera, o firefox, microsoft edge, etc.

Una ver añadida y ver que no se muestra como quieres, busca en google: mediaqueries y aquí te mostrará como modificar tu estructura según el dispositivo ;)

Gracias, los mediaqueries me sirvieron.

Lo primero Responsive es con V

Lo segundo hoy me has pillado con ganas de hacer favores y te he hecho un pedazo de formulario responsive chulísimo , bueno sólo decir una cosa que no me gusta hacerle el trabajo a nadie porque así no se aprende. Pero necesitaba entrenarme un poco y aquí os adjunto mi trabajo para LWP.

Cabe decir que el formulario maneja los errores de introducción de datos a nivel cliente y los he personalizado casi todos , un saludo from rPeter.

• rPeterForm2018.zip(239,1 KB)

Ya lo solucioné, gracias.