Hi I saw in video css like that (https://codepen.io/barkins/pen/evOOwE)
body{
font-family:sans-serif;
}
.submission-form{
max-width:500px;
margin:2rem auto;
border:2px solid #E74C3C;
padding:2rem;
border-radius:5px;
label{
display:block;
padding:1rem 0 .25rem;
text-transform:uppercase;
font-size:14px;
}
input, textarea{
display:block;
width:100%;
border:2px solid #2980B9;
padding:.5rem;
font-size:18px;
border-radius:5px;
}
}
#sendBtn{
border:0;
background:#343050;
padding:.5rem;
color:white;
margin:1rem 0;
width:auto;
text-transform:uppercase;
cursor:pointer;
transition:.3s background ease;
&:hover{
background:#3498DB;
}
}
Is it correct to write it separately (input textarea label) like that?
body{
font-family:sans-serif;
}
.submission-form{
max-width:500px;
margin:2rem auto;
border:2px solid #E74C3C;
padding:2rem;
border-radius:5px;
}
#sendBtn{
border:0;
background:#343050;
padding:.5rem;
color:white;
margin:1rem 0;
width:auto;
text-transform:uppercase;
cursor:pointer;
transition:.3s background ease;
&:hover{
background:#3498DB;
}
}
label{
display:block;
padding:1rem 0 .25rem;
text-transform:uppercase;
font-size:14px;
}
input, textarea{
display:block;
width:100%;
border:2px solid #2980B9;
padding:.5rem;
font-size:18px;
border-radius:5px;
}