Геннадий

Уберите .txt в имени файла, чтобы осталось только .html

что я делаю не так?

Либо невнимательно слушаете то, что говорят в видеоуроках, либо смотрите плохие видеоуроки.

И ознакомьтесь с правилами данного ресурса.
https://qna.habr.com/help/rules#3.4
https://qna.habr.com/help/rules#3.6

Уберите visibility: hidden из класса modal

.modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0, .8);
    z-index: 2;
}

в тоже время его рекомендуют оборачивать тегом article

Вы в другом ответе так и не ответили на вопрос, где же рекомендуют комментарии оборачивать в тег article.

Зачем комментарии на сайте оборачивать в тег article?

Вот здесь, например, пишут, что для "комментарии к публикации в блоге могут быть элементами article, вложенными в другой article, являющийся публикацией в блоге." Ключевые слова "могут быть" и "вложенными".

Таким образом использование тега article для комментариев на сайте не является обязательным и должно зависеть от контекста страницы. Более того, использование данного тега может быть излишним, если комментарии дополняют содержимое страницы и не имеют особой значимости для поисковых систем или пользователей.

Вы же где-то берёте, что curs1 = Курс 1, curs2 = Курс 2, curs3 = Курс 3?

Вы либо сопоставляете значение по curs1, curs2, curs3 в php, если оно у вас где-то хранится, например:

$courses = [
    'curs1' => 'Курс 1',
    'curs2' => 'Курс 2',
    'curs3' => 'Курс 3'
];

$courses[$_POST['scourse']];

Либо пишите Курс 1, Курс 2, Курс 3 в value.

<select name="scourse" id="selectcourse"  >
          <option value="">Выберите курс для обучения</option>
          <option value="Курс 1">Курс 1</option>
          <option value="Курс 2">Курс 2</option>
          <option value="Курс 3">Курс 3</option>
</select>

UPD: Или как в комментариях написали, value в этих оption можно вообще не писать.

<select name="scourse" id="selectcourse"  >
    <option value="">Выберите курс для обучения</option>
    <option>Курс 1</option>
    <option>Курс 2</option>
    <option>Курс 3</option>
</select>

P.S. И не забывайте валидировать то, что приходит в $_POST и $_GET.

Во-первых, нужно проверять подключение стилей. Убедиться, что файл действительно подгружается. В данном случае style.css должен находиться в той же директории, что сама страница, где подключается файл.
<link rel="stylesheet" href="style.css">
Во-вторых, проверить кеширование стилей. Браузер попросту мог закешировать файл стилей до внесения изменений в него.

Атрибут alt - это альтернативное описание. Например, когда не удается подгрузить картинку, то на странице будет отображаться текст из alt. Используется для тега img, но может также присутствовать в area и input (если тип вода изображение).
figcaption - это описание к элементу. Используется в тегах для изображений, видео, диаграмм и т.д. Отображается на странице всегда. Если взять книгу для примера, то это описание под иллюстрацией.
Если вы заполните оба атрибута, и картинка по какой-то причине не загрузиться, то вы увидите на странице и то, что содержится в alt, и то, что написано в figcaption.

https://thoughtbot.com/blog/alt-vs-figcaption

Можно через js (jquery):
$(selector).hover(inFunction,outFunction);
https://www.w3schools.com/jquery/event_hover.asp

Можно через псевдокласс :hover в css:
htmlbook.ru/css/hover