Olá, no exercício https://cursos.alura.com.br/course/avancando-html-css/task/18742, tive algumas dúvidas:
1) Não entendi a razão de deixar o rótulo dele inline de novo
/* alguns ajustes para o campo "Outro": deixar ele na mesma linha dos outros assuntos */
fieldset > fieldset {
display: inline;
}
/* deixar o rótulo dele inline de novo */
label[for="outro"] {
display: inline;
}
2) Qual é a função do width: auto?
/* deixar só esse campo sem ocupar a tela toda */
input[name="outro-assunto"] {
width: auto;
}
3) Na parte de outro assunto, o meu código ficou diferente. Como posso incluir o display:inline no meu css ? A resposta do exercício diz:
/* deixar o rótulo dele inline de novo */
label[for="outro"] {
display: inline;
}
Meu código ficou assim:
<select name="assunto">
<option value="blog">Blog</option>
<option value="servico">Serviço</option>
<fieldset>
<option value="outro">
Outro
<input type="text" name="outro-assunto" tabindex="1">
</option>
</fieldset>
</select>
4) O campo de e-mail ficou maior do que o campo de nome e não encontrei a razão. Código: https://github.com/rruizdasilva/curso_html_css.git (ver html: contato-dropdown e css: contato)