ImperatorGreasy, там две версии курсов: за 2017 года и 2019 г. Последняя имеет слегка другое более общее название, но все о том же, только полезной информации больше.
ImperatorGreasy, статей в интернете очень много. Наверное разницы особой нет.
Если хотите сразу и быстро понять основы на практике, то хочу порекомендовать вот этот тренажер: https://dmitrylavrik.ru/training/process/flexbox-grid
Еще очень хотелось бы порекомендовать курсы по flexbox и smartgrid от создателя этого тренажера Дмитрия Лаврика. Они есть на торрентах. Там очень много разных трюков на флексах он демонстрирует, о которых вы просто так не прочтете нигде, и сразу к примесям и препроцессорам приучает. Под IE научитесь флексы слегка адаптировать.
ImperatorGreasy, я бы на вашем месте изменил сам подход к верстке. Про ID я уже написал. Прочите про flexbox и попробуйте отпозиционировать те же самые блоки на нем.
ImperatorGreasy, больше похоже, что вы этот код откуда-то скопировали. Советую хотя бы начать что-то писать, самостоятельно, иначе понимание HTML и CSS не придет.
Muz0n, Сейчас тексты то никто руками не копирует. Пользуются парсерами, чтобы условно нажать одну кнопку и все тексты с сайта разом скопировались. Они исходный код смотрят. Парсерам ваши скрипты до одного места.
Muz0n, прочитайте лучше вот это: https://yandex.ru/support/webmaster/authored-texts/
А написание текстов лучше отдавать фрилансерам копиратерам. Они вам его по всем правилам SEO с ключевиками напишут. Тогда и не так жалко будет, ибо чужой труд.
Muz0n, лет этак 20 назад для таких как вы было настоящим спасением генерация текста в виде картинки на стороне сервера. Это убивало SEO, за-то пользователи никак не могли скопировать текст. Но тогда еще не были в достаточной степени развиты программы OCR (распознавание текста с картинки). Нет, можно конечно превратить картинку с текстом в подобие капчи, чтобы программа с ней не справилась, но кто же тогда из живых людей будет напрягать глаза и такой текст читать? И последнее, никакое решение не защитит от ручного перепечатывания текста.
Решайте стоит ли игра свеч.
Меня вот даже как добросовестного пользователя, который ничего не собирался копировать/воровать, всегда жутко раздражали отключающие правую кнопку мыши или выделение текста скрипты. Люблю я что-нибудь незнакомое выделить, нажать ПКМ и выбрать Искать в Яндексе.
Muz0n, два самых распространенных варианта: Скрипт запрещающий выделять текст на странице или скрипт отключающий правую кнопку мыши. На поискокую оптимизацию они вряд ли повлияют, но и от прошаренного пользователя не защитят.
Оба скрипта легко гуглятся.
Посмотрите в сторону Gutenberg в WP. Он специально заточен под верстку статей. Без навороченных пользовательских блоков там времени загрузки не увеличиться особо.
1) Адекватного способа ГАРАНТИРОВАННО запретить пользователю копировать ценный для вас текст не в ущерб поисковой оптимизации НЕТ.
2) В шаблоне к тегу <a> пропишите атрибут target="_blank"
Для начала нужно узнать алгоритм по которому промики генерирует сайт, проводящий акцию. А это обычно невозможно. Разве что сам разработчик сайта его сольет. Простой перебор всех вариантов подряд не сработает. У всех хотя бы немного серьезных компаний на сайте стоит защита от этого.