Урок 54 как сделать страницу контакты?

1

День добрый!

Задание данного урока - сделать страницу контакты на примере блока отзывов о фильме...сделал, но форма получилась слишком широкая, посмотрел исходный код, на всякий случай скопировал его и вставил к себе, но вышло тоже самое...форма контактов слишком широкая и в упор подходит к sidebar...пока что задачу решил вводом отдельного div="sendcontact" для блока контактов, чтобы можно было задать ширину блока отдельно, получилось следующее:

HTML

<div class="sendcontact">
<form method="post" action="#" id="contact">
<input type="text" name="contact_name" placeholder="Ваше имя">
<input type="text" name="contact_email" placeholder="Ваш e-mail">
<textarea name="contact_text"></textarea>
<input type="submit" class="btn" value="Отправить">
</form>
</div>

CSS

.sendcontact {
margin-bottom: 4%
}

.sendcontact input[type="text"], textarea {
border: solid 1px #c3c3c3;
margin-bottom: 2%;
}

.sendcontact input[type="text"] {
width: 500px;
}

.sendcontact textarea {
width: 515px;
height: 200px;
}

.sendcontact input[type="submit"] {
background-color: #7268ad;
padding: 3%;
color: white;
border-radius: 5px;
}

В принципе результат тот же, но код стал немного длиннее, подскажите на сколько это принципиально? если даже копирую код из исходного кода получается не правильно...

Спасибо!

html
css

0 ответов

Sign up or Log in to write an answer