Укажите на ошибки верстки

[Алёна Гринч]

Нарисовала и сверстала свой первый сайт. Прописывала под разные разрешения экранов опр комментарии - все равно отображается некорректно. Уже задолбалась ))). Подскажите по пунктам что нужно исправить чтобы все было ровненько и красивенько . Залила на беспл хостинг - вот смотрю как он себя ведет - неочень вот ссылка на мой сайт http://alenagrinchenko.zzz.com.ua/index.html

[npofopr]

А что вы хотите? У вас же картинками всё. 

DOCTYPE старый. 
meta name="viewport" не установлен.

[SelenIT]

                    <div class="left">
                         <p style="padding-bottom:110px;">Телефон:</p>
                         <p>E-mail:</p>
                    </div>
                    <div class="right">
                         <p>095 432 02 95</p>
                         <p>063 296 89 61</p>
                         <p>067 910 58 62</p>
                         <p class="mail"><a href="viber://chats">viber://tel: +380632968961</a></p>
                         <p class="mail"><a href="mailto:mebel-studio@kh.ua">mebel-studio@kh.ua</a></p>
                    </div>

Не надо так. Как бедный поисковик или читалка с экрана голосом поймет, что первые четыре абзаца справа — телефоны? Подписи и то, что они обозначают, должны быть сгруппированы вместе и идти последовательно.

[cfftrp]

1. Никаких Inline-css. 
 

  On 12/14/2016 at 12:49 PM, SelenIT said:

<p style="padding-bottom:110px;">Телефон:</p>

Expand  

2. Это не совсем верстка. У вас попросту вставлены изображения. Для корректного отображения всё лучше верстать.

Справа навигация - это интерактивный элемент, а не картинка. В общем, учите HTML+CSS и верстайте. Это светлый путь.