<div class="form-background">
<div class="form-white">
<form>
<div class="w-100">
<h3>Contact Us</h3>
<p>Your Email</p>
<input class="form-input" type="email" placeholder=" email@example.com">
</div>
<div class="w-50">
<p>First Name</p>
<input class="form-input" type="text">
</div>
<div class="w-50">
<p>Last Name</p>
<input class="form-input" type="text">
</div>
<div style="clear:both"></div>
<div class="w-100">
<p>Message</p>
<textarea rows="3" class="form-input"></textarea>
</div>
<div>
<input type="checkbox">
<label>Subscribe</label>
<button class="yellow-button">SEND</button>
</div>
</form>
</div>
</div>
여기서
.w-100 {
padding: 10px;
}
w-100 클래스 적용하는 부분이 있는데 이거 form 부분을 싹 다 묶어서 클래스 먹여도 되나요
강의에서는 w-50부분은 따로 클래스로 padding: 10px 적용하고 Message부분도 w-100클래스 적용시키는데
두 개 나눌 필요 없이 w-100에만 padding: 10px을 해도 되나요
해봤는데 안돼서 혹시 방법이 잘못됐을까요
