Meakin

Через margin или position(relative) + right/left/top/bottom

Вы HTML не скинули, ничего не понятно.

scale настройте

Ошибка,

.active-otd:active .hiden-otd{
  display: block;
}

Надо:

.active-otd:active + .hiden-otd{
  display: block;
}

display:flex;
flex-wrap: wrap;
на td
box-sizing:border-box;
flex-basis:45-50%;

это из за изображения может быть, через transform и scale настраивай, тестируй.

Элементарные вещи
.твой_класс input {

}
так же и с ид

border:0px;
должно помочь, если не поможет, то посмотри уроки про адаптивную вёрстку, там разберешься.

.класс{
display:flex;
align-items:center;
justify-content:center;
}

position:absolute;
и задавай right:числоpx или right:числоvh или right:число%
например right:50px; это справа от дефолтного положения на 50 пикселей подвинуть, если пропорционально всё задашь, то будет тебе середина, а вообще если центрировать объекты в 1 диве/контейнере то
align-items:center; и прочее, изучай CSS по учебникам/энциклопедиям, нормальных видео-уроков на ютубе нет.

<meta name="viewport" content="width=device-width, intial-scale=1">

Где мета поставь, если не получится задай вручную размеры (ширину, высоту, height width)

href="style.css" зачем эти ./?
Элементарные вещи.

Python работа с БД

зачем устанавливать? в консоли открой лист-установленных библиотек, это дефолтные

(Если я вас правильно понял) то вместе с текстом создайте и в CSS border-top

Встрой свой PDF-документ через Google PDF Viewer и всё, а вообще можно просто ссылку на файл оставить

Собеседование проходить надо, резюме перед этим писать ,а вообще можно на фрилансе работать.