Как правильно сделать следующую верстку?

То есть в вёрстке все элементы выглядят одинаково.
От чего зависит количество элементов в строке? В нечётных строках по два, а в чётных по три?

Как сверстать данный текст на картинке (просто он в одном слое, tex-index.svg)?

olya_097, вообще, мне неизвестно что там в SVG. Возможно, придётся конвертировать текст в кривые.

Может быть у вас будет потребность избавиться от SVG и/или перепечатать текст поверх картинки, например из-за требований к поддержке более старых браузеров, для индексирования поисковиками, возможности выделения и копирования текста пользователем, какой-нибудь хитрой адаптивности или ещё чего.

Как сверстать данный текст на картинке (просто он в одном слое, tex-index.svg)?

olya_097, я имею в виду, что браузеры, начиная с Internet Explorer 9, помимо привычных JPG, PNG и GIF, также поддерживают формат картинок SVG.
SVG - векторный формат, поэтому при изменении размеров такой картинки, текст в ней будет оставаться чётким, в отличии от JPG, PNG и GIF.

Как сверстать данный текст на картинке (просто он в одном слое, tex-index.svg)?

olya_097, SVG - это и есть картинка, браузеры её нормально отображают.

Как вставить svg прям в css?

Moskus, нет, он не кодирует в Base64, только экранирует некоторые символы.

Почему power = undefined?

calpy, у тебя ещё опечатка в виде одного равно в if. Получается не сравнение, а присваивание.

Почему power = undefined?

calpy, код лучше скопипастить сюда, а то не только мне лень перепечатывать со скриншота.

Почему не работает elem.classlist.add?

Айнур Валиев, мне кажется, что он не объявлял переменную choice, а пользуется тем что все элементы страницы доступны из window по их id. Это плохая практика, которая провоцирует ошибки.

Почему возможно отцентрировать текст или ссылки при использованных на нём float, применив к блоку родителю displey:table?

Ваши ссылки не открываются.

Как называется это эффект?

JohnDaniels, в таком случае без js не обойтись.

Почему не работает свойство text-overflow: ellipsis; в Mozilla?

Anettc, работает в огнелисе, у меня как минимум.

Как сделать анимацию рулетки?

Кстати, вы не поставили теги PHP и JavaScript. Только Анимация и Случайные числа. Сомнительно, что аниматоры и математики смогут ответить на ваш вопрос.

Как сделать анимацию рулетки?

Вы хотите чтобы вам весь сайт сделали?

Как спрятать div при нажатиии в этом исполнении?

kursof1, тогда js должен немного поменяться:

var state = localStorage.toggleKey === 'true' ? true : false;
var idVhod = document.getElementById('idVhod');
var idExid = document.getElementById('idExid');

function setStyles(show) {
  idVhod.style.display = show ? 'inline' : 'none';
  idExid.style.display = !show ? 'inline' : 'none';
}

setStyles(state);

function myToggle() {
  state = !state;
  localStorage.toggleKey = state ? 'true' : 'false';
  setStyles(state);
}

idVhod.addEventListener('click', myToggle);
idExid.addEventListener('click', myToggle);

Sublime text 3 (Unregistered) возможностей меньше?

Michail_gore, посмотри, совпадает ли путь в заголовке текстового редактора с путём открываемого файла в браузере.
Может быть, забыл сохранить файл, обновить в браузере, ну что-нибудь такое.

Можете рассказать о минусах дизайна и взаимодействий с постом в блоге?

bogette,
На счёт заголовков, я имел в виду, чтобы использовать чуть более светлый цвет (но у вас и так очень светлый основной цвет, так что наверное не надо). Сейчас, без болда, заголовки слишком похожи на основной текст, а выделенная первая буква выглядит странно.

Кнопка со стрелкой всё также непонятно окрашивается синим время от времени, основного заголовка не появилось, скругление у кнопки комментов обрезает иконку, при наведении кнопки норовят уехать из под курсора (я предполагал появление фонового цвета), высота строки всё ещё 1.43, нижний отступ у картинок меньше верхнего.

Как убрать белую обводку у span в Edge?

Ссылку бы на codepen jsfiddle или сам сайт, по скриншотам devtools много чего не скажешь.

Можете рассказать о минусах дизайна и взаимодействий с постом в блоге?

bogette, субъективно, так как не дизайнер:
Странно что нет заголовка в начале.
Цвет сероват #888, лучше #212121. Лучше использовать rgba для сохранения контраста и цветовой нейтральности на разных фонах rgba(0, 0, 0, 0.129).
Размер шрифта маловат 14px, лучше 16px.
Высота строки маловата, указана почему-то в пикселях, если пересчитать в коэффициент то 1.43, лучше 1.58.
Нету специальных отступов у заголовков (почему-то strong, а не h1-h6), картинок.
Цвет заголовков такой же как у текста, лучше чуть приглушенный.
Нет hover'a, при наведении не видно какие элементы кликабельны, какая область кликабельна, не получается оценить размер кнопок. Отсутствие анимаций выглядит "деревянно".
К верхней левой стрелке можно было бы привлечь внимание анимацией. Странно, что кнопка иногда имеет синий фон, а иногда нет.
will-change на больших элементах тормозит, а не ускоряет страницу.
Нет даты публикации.
Странный размер и скругление у картинок.
Хотелось бы больший отступ снизу или какие-нибудь элементы, так как неудобно что прокрутка кончается когда статья ещё недочитана и приходится читать с нижней части экрана.

Можете рассказать о минусах дизайна и взаимодействий с постом в блоге?

Видно только низ статьи, вертикальной прокрутки нет.
Присутствует горизонтальный скролл.
Если нажать на Back, веруться к статье не получается.
В слайдере статей(?) работает прокрутка только вниз.

Как сравнивать даты?

PHPjedi, просто перед сравнением с текущим временем, делай парсинг метки времени с базы с учётом правильной зоны:

var fromTable = moment.tz("2013-11-18 11:55", "Europe/Moscow");
moment().isAfter(fromTable) // true

https://momentjs.com/timezone/docs/#/using-timezon...