Ярослав Иванов

echo "<img src='$img' />";

https://jsfiddle.net/space2pacman/7ctjf9r3/
https://jsfiddle.net/space2pacman/7ctjf9r3/3/ с textarea

1) Тебе как back-end'еру какое дело до классов ?
2) Ты знаешь в чем различие БЭМ и SASS ?
БЭМ - это методология написание классов.
SASS - это препроцессор.

БЭМ - Это больше масштабируемость а уже потом лаконичность. Забудьте про селекторы (только если они действительно нужны).

А когда просматривал код через панель разработчика то увидел настоящие MMO RPG PVP битву, зуб за зуб, стиль за стиль, по 3 раза все перебивается

Это криворукость разработчика. БЭМ тут ни при чем.

Так по мне БЭМ это вообще огромный костыль а не методология

Ты просто не познал дзен БЭМа.

А вообще в вопросе у тебя говнобём а не БЭМ.

текст и заголовок обернуть в блок и задать display: inline-block

Как вы ищите ? с закрытыми глазами ?
https://github.com/RobThree/TwoFactorAuth
https://github.com/PHPGangsta/GoogleAuthenticator
www.phpbuilder.com/articles/site-operation/impleme...
https://www.sitepoint.com/multi-factor-authenticat...
https://github.com/Arno0x/TwoFactorAuth
https://www.idontplaydarts.com/2011/07/google-totp...

Не делайте костылей с overflow: hidden
1) Уберите position: absolute c .top_div2
2) Уберите у span отрицательный margin. Но если хотите чтобы все было так как сейчас с overflow: hidden то поменяйте на -15px; будет один в один.

<div class="top_menu ta_right">
	<span style="margin-left: -15px;">
	+7 727 39 35 767 / +7 727 39 74 156
        </span>
    </div>

3) Уберите margin-right. Или поставьте 0.

<div class="top_menu">
		<span style="margin-right: 0px;">
		г. Алматы, ул. Жангельдина 29
		</span>
	</div>

Итог: Все будет ровно и без костылей.

Берешь class или id и пишешь в css class-name:before или after в зависимости где нужно поставить перед элементом или после. Внутри самого блока пишешь атрибут content. В скобках указываешь значение, которое нужно.
Например \f130 это вот такая иконка в Font Awesome

.class-name:before {
    content: "\f130";
}

Или просто добавлять название класса в атрибут class=""
Например
<div class="fa-microphone"/>

https://vibbi.com/instaport/ там же есть и функция скачать все фотографии разом.

Как вариант можете добавить в свой файл css это

#navigation {
    width: calc(100% - (-99px));
    margin-left: -50px;
}

а в layout.css на 75 строке поменять это

@media only screen and (min-width: 768px){
ul.nav li {
    padding-left: 3%;
}
}

на это

@media only screen and (min-width: 768px){
ul.nav li {
    padding-left: 50px;
}
}

Хотя это не совсем валидно. Лучше с враппером разобраться. С другой стороны смотрится нормально и ничего не едет.

Добавил скриншот.

<?php if(isset($row)) {   //проверяем наличие
                    echo 
                    '<div class="uk-button-group">
                            <a class="uk-button uk-button-link uk-button-large" href="../auth/signup.php">Регистрация</a>
                            <a class="uk-button uk-button-success uk-button-large uk-margin-left" href="../auth/login.php" style="background-color: #ffb433;"onmouseover="this.style.backgroundColor=\'#eb8d00\';" onmouseout="this.style.backgroundColor=\'#ffb433\';"><i class="uk-icon-lock uk-margin-small-right"></i> Войти</a>
                    </div>'
                    }
                ?>

Либо если echo начинается с ' то если в коде тоже присутствуют подобные знаки то перед ними вставить слеш \ и знак будет игнорирован