Застосування селектору тегу у моїй роботі:
HTML-код елемента:
<form action="#">
<h3 class="form__subtitle">Тоді заповніть форму зворотного зв’язку:</h2>
<input class="form__firstname" type="text" placeholder="Ім'я" maxlength="20">
<input class="form__phone" type="tel" placeholder="Номер телефону" maxlength="10" minlength="10">
<button class="form__button">Зателефонуйте мені!</button>
</form>
CSS-код елемента:
form {
display: flex;
flex-direction: column;
max-width: 926px;
border-radius: 20px;
margin: 0 auto;
padding: 36px 254px;
background-color: #99582a;
}
Вигляд елемента у браузері:
