Mi duda en esta Clase es : ¿ Por qué cuando se define la clase class="input-padron" a los 4 primeros input, al actualizar la pagina se genera una mejor visualización de la seleccion de alternativas, sin haber generado una clase para los input radio ?
Minuto 4:38 del video
De esto :
paso a esto:
Entiendo, que porque ya no tendran el display:block
Cordial saludo.
Porque inicialmente se aplicó un estilo así:
form input, form textarea {
display: block;
margin: 0 0 20px;
padding: 10px 3px;
width: 50%;
}Esto afectaba a todos los input, tanto a los 4 primeros como a los input de selección final. Al definir class="input-padron" para aplicarla sólo a los 4 primeros input, el estilo inicial ya no es válido porque sólo aplica a las etiquetas que tengan definida dicha clase.
.input-padron {
display: block;
margin: 0 0 20px;
padding: 10px 3px;
width: 50%;
}Es por eso que la visualización mejora, ya no les aplica el estilo display: block;