Андрей Филимонов

Один из выходов это сделать, изначально, бордеры прозрачного цвета.

.download-buttom {
  border: 1px solid transparent;
}

https://codepen.io/LenskyUser/pen/YQzEaL вроде бы так

А не пробовали записать <a id="anchor2"></a>?

которая ведёт на соответствующую страницу к месту <a id="#anchor2"></a>

1. html-анкоры листают не к id, а к name
2. решетка тут лишняя.

Матчасть

Здравствуйте.

Создайте category.php и вставьте код без get_posts.

<?php
if ( have_posts() ) : // если имеются записи в блоге.
  while (have_posts()) : the_post();  // запускаем цикл обхода материалов блога
?>
<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
<?php the_content();
  endwhile;  // завершаем цикл.
endif;          
?>

Если в Настройках-->Медиафайлы поставить нули у всех размеров то всё равно в папке uploads создаются изображения (дубли) 768xсколько-то пикселей. Почему? Как избежать?

Перейди на страницу своего сайта /wp-admin/options.php найди поле medium_large_size_w в нём видимо у тебя 768 - и поставь 0.

Твой скриншот

Зачем везде 0 поставил? — Чтобы никакие картинки из оригинала не создавались

Если скопировать ссылку на изображение на самой странице блога, то она копируется без добавки -150x150. Это значит что выводится полный вариант?

Да, оригинал загруженный тобой

Если глянуть html код, то даёт такое: ... Это значит все картинки загружаются? И где вариант -150x150?

Нет, грузится только 1 из всех, оптимальная для разрешения устройства с которого открыт сайт.
Почитай про src и srcset

Как правильно организовать, чтобы загружался один оригинал и к нему только миниатюра, например 300 px и она выводилась в превью статьи?

Поставь на странице /wp-admin/options-media.php у миниатюры: ширина 300

Выводи в шаблоне миниатюру просто:

<div class="size-img">
  <?php the_post_thumbnail(); ?>
</div>

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/individualnaya-trenirovka-dlya-detej.jpg" alt=""/>

click me

тебе нужно это

@media only screen and (max-width: 659px) {
	.sct_kontakt {
		flex-direction: column-reverse;
	}
}

также нужно убрать флоаты у дочерних элементов, раз уж ты флексбокс используешь.

твой пример здесь

p.s. будь так добр, выкладывай в песочницу сам

Это пробел между инлайновыми элементами.
«Загадочные отступы» между инлайн-элементами
Fighting the Space Between Inline Block Elements

Андрей Филимонов: Если что-то не срабатывает, то первое что надо проверить это банальные ошибки, в данном случае количество открывающих и закрывающих { }. Закрывающих на одну больше. Вот и не срабатывает.

1. у men стоит inline, ставим block и всё ок.
2. #tmenu добавь z-index: 9999; иначе меню прячется под что то там снизу, слайдер что ли