Как побороть сонливость и апатию в течение дня?

Антон, есть два торговых наименования - "Магне б6" и "Магнелис б6", как я понял, суть одна и та же, только первый дороже второго раза в 2-2.5 и и пьется по 6-8 капсул в день, а магнелис - 2-3 раза в день. Обычный курс приема- месяц.
Я лично именно "магнелис" не пробовал, всегда пил "магне б6" по месяцу, потом пару месяцев перерыв и вновь возобновлял прием. Думаю, что раз в 3-4 месяца ( а то и раз в год или вообще раз в жизни) потратить 2-2.5 тысячи на месячный запас магния стоит того и особо по кошельку не ударит.

Как побороть сонливость и апатию в течение дня?

johand, магний дает спокойствие, ровное сердцебиение, более крепкий и спокойный сон, плюс еще некоторые плюшки в виде уменьшения спазмов, повышения настроения и т.д. С полным перечнем можно ознакомиться в интернете)
Что касательно операции, то, конечно, желательно, особенно если искривление перегородки ощущается. Например, у меня перегородка достаточно сильно кривая и поэтому нос постоянно заложен и сопливит, по этой же причине постоянно раздражается горло из-за стекающей из носа слизи, отсюда частые боли в горле и болезни в принципе. Получается порочный круг такой. Да и подозреваю, что проблемы со сном также завязаны на кривой перегородке.
Из всех знакомых, у кого также были проблемы с дыханием, абсолютно все сказали, что жить стало легче - никаких заложенностей, никаких соплей, дышать действительно стало легче.
Поэтому и я после карантина постараюсь эту операцию сделать, уж очень жизнь отравляет эта перегородка. В ней ничего страшного нет, если хороший хирург делает.

Как побороть сонливость и апатию в течение дня?

johand, поддерживаю автора данного ответа, магний б6 - сильная штука и, по сути, безвредная.
Нормализует работу сердца, успокаивает, немного помогает в снятии мышечных спазмов. Что касательно сна - 100% начнешь засыпать быстрее и крепче. По своему опыту скажу, если обычно мне на засыпание может понадобиться полчаса, час, полтора, два и так далее, то когда принимаю магний, 10-15 минут - и отключился. Плюс, наконец начинаю видеть сны, причем достаточно "яркие" и разнообразные. В общем, крайне рекомендую.
Но, судя по тому, что и спортом занимаешься, и проектами, и спишь много, а все равно не помогает, дело может быть в здоровье. Проблемы с носом (болезни носа, кривая перегородка и т.д.), вызывающие нарушение дыхания во время сна, и, как следствие, стабильную копящуюся усталость, отсутствие каких-либо элементов в организме, стрессы, причин масса может быть...
Тоже уже на протяжении лет 5 страдаю от плохого сна, вечный недостаток энергии, сил, попутно падает настроение, ничего не хочется, кроме как лежать на диване и спать. От плохого сна и проблемы со здоровьем пошли, спорт, которым тоже занимаюсь давно, начал приносить одни лишь серьезные травмы из-за плохого восстановления... Короче, дело серьезное, поэтому советую заняться данным вопросом плотнее и как можно раньше.
Кстати, если найдешь какое-нибудь решение проблемы, буду благодарен, если поделишься :)

Как спозиционировать 2 горизонтальных блока?

Не специалист, но как вариант обернуть баннер и игру в одну обертку и дать ей

display: flex;
justify-content: space-between;

Задать баннеру и игре необходимые flex-basis, flex-shrink и т.д.
При определенной ширине экрана сделать медиа-запрос, при котором этой обертке будет присваиваться
flex-direction: column;
(Для выстраивания баннера и игры вертикально)

Не подключается flex?

Повторил код, все работает.
Не работает только выравнивание, или свойства прозрачности и черного фона тоже? В таком случае, неправильно прописан путь к main.css

Как зафиксировать высоту блока (товара)?

inagorch, код

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

Эти строчки необходимо в CSS-файл добавить к классу
.woocommerce-loop-product__title

(надеюсь, это вам о чем-либо говорит :) )

Как зафиксировать высоту блока (товара)?

inagorch, а у вас есть человек, который отвечает за код?
Сам лично еще пока не знаком с платформой wordpress и с устройством ее работы. Есть банальное решение, не знаю, на сколько приемлемое для вас и грамотно ли вообще так делать в подобной ситуации, но ваша проблема, по сути, решается. Если название товара слишком длинное, что переносится в две строки, то по достижении некоторой длины оно обрубается, в конце добавляется троеточие. Выглядит так:

Решается добавлением 3 строчек кода в конструкцию блока с описанием товара.

Как зафиксировать высоту блока (товара)?

inagorch, выдает ошибку "Похоже, эта страница не существует". Ссылка точно правильно указана?

Как ограничить количество символов и поставить троеточие в конце?

Как вариант, задать блоку с текстом некоторую ширину, которая будет меньше ширины текста, запретить перенос слов на новую строку. Дать ему свойства

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

Пример:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus distinctio, assumenda quidem a ipsum inventore at optio reiciendis dicta, velit.</p>

p {
  outline: 1px solid red;
  width: 70px;
  white-space: nowrap;
   text-overflow: ellipsis;
  overflow: hidden;
}

Результат:

Как зафиксировать высоту блока (товара)?

Без приведенного кода, увы, помочь не получится. Возможно, есть хотя бы ссылка на сам сайт?

Как правильно/лучше реализовать меню и background?

vintalis, если нужно изменить ширину меню, то установите flex-basis: 1200px;
Слева от контейнера с меню ничего нет, ведь он расположен по левой границе монитора...
В моем примере всей странице дан один цвет, а секции окрашены в белый и темно-синий цвет для наглядности.

Вот пример, вся страница окрашена в цвет бокового меню.

Как правильно/лучше реализовать меню и background?

vintalis, думаю, мне одному так и не получилось до конца понять, чего же в итоге вам нужно?

Если я не ошибаюсь, необходимо, чтобы слева было фиксированное меню, которое прокручивалось вниз вместе с прокруткой страницы, справа от него располагались секции. Причем, в первой секции (та, что с коровой) вверху должен быть header с номером телефона, почтой, формой поиска. Так?

Что делать с отступами вокруг текста?

По твоей терминологии относительно анатомии шрифта приглашаю отведать метрик шрифтовых и вбуриться в их [шрифтов] анатомию.

Займусь этим вопросом, спасибо. Буду благодарен ссылкам на хорошие источники по этой теме.

Конкретно у тебя выделено на скрине 2 номера телефонов. Это не многострочный текст, а в лучшем случае 2 span-а с отступами между ними.

Этот блок именно так и реализован, в посте об этом написано. Но пост затрагивает не только реализацию именно этого элемента данного макета, но и верстку в целом. Потому как текст есть абсолютно везде и, в основном своем, случаи эти не являются частными.

Что делать с отступами вокруг текста?

1. Править руками частные случаи. Тут возможностей просто море, от line-height:1 (норм) до абсолютного позиционирования (плохо).

Касательно line-height: 1;

• Далеко не у всех шрифтов значение единички соответствует вертикальным границам шрифта. Зачастую приходится уходить в величины меньше единицы. Да и тут могут всплыть разного рода аномалии, вроде той, что верхняя граница строчки выравнивается четко по верхнему краю самой высокой буквы, а вот нижняя граница заканчивается не по нижней границе буквы, а выше этого, пересекая непосредственно саму букву. Или же ниже границы буквы.
  
• Этот способ не подойдет, если текст многострочный и расстояние между строками должно быть таким, какое указано в макете.
  

Что делать с отступами вокруг текста?

s l a v e, все значения брались из psd-макета и Zeplin.
Между высотой шрифта и line-height есть прямая взаимосвязь? В плане, необходимо подбирать высоту, исходя из размера шрифта, а не визуальной красоты восприятия?

Что делать с отступами вокруг текста?

papabig, опять-таки, такой способ прокатил бы, но в том случае, если блок и текст разделяет значительный отступ. Но как быть в такой ситуации, когда блок и текст находятся впритык или на крайне маленьком расстоянии друг от друга?
В примере ниже конструкция следующая:

<div></div>
<span>SOME TEXT</span>

Как можно заметить, line-height уже дает небольшой зазор сверху. DIV не имеет никаких margin и padding. Подкручивать line-height не вариант, поскольку необходимо учитывать, что в тексте будет несколько строк и они должны находиться друг от друга на расстоянии, указанном в line-height

Что делать с отступами вокруг текста?

Возможно, это будет решением в конкретной данной ситуации, но в общем и целом такой подход не подходит. Например, если у Нас есть блок, под ним есть параграф с несколькими строками текста. Необходимо, чтобы текст шёл ровно под нижней границей блока. Если мы начнём уменьшать line-height, то да, верхняя строка текста по итогу встанет под границей блока, однако, все последующие строки начнут налезать на вышестоящие.