Александр Лебедев

проблема в том, что animation задаёт все, в независимости от указанных вами параметров, так же как background, border, padding и тд

В show 2s 1 есть неявный delay в 0 секунд. Вам нужно переопределяющие стили перенести под базовые в файле.

.construction_item a:after {
    content: '\276F';
    padding-left: 0.5em;
  animation: slide-icon alternate 3s infinite;
  display: inline-block;
}

@keyframes slide-icon {
 0% { transform: translate(0, 0); }
 100% { transform: translate(10px, 0); }
}

https://developer.mozilla.org/ru/docs/Web/CSS/anim...
https://developer.mozilla.org/ru/docs/Web/CSS/anim...

Скорость падения зависит от времени анимации

Уменьшить карточку можно примерно вот так:

Веб разработка в 2020 это не просто сверстать макет и выгрузить на хостинг.
Помимо знания html и css нужно знать js. Знание js тянет за собой тройку фреймворков. React, Angular и Vue.
Браузер сейчас как вторая операционная система в компьютере с некоторыми ограничениями.
Это что касается фронта.
На беке "сидят" PHP, Java, C#, NodeJs, Go, Python.
Выбор широкий но в тоже время требует от специалиста хороших знаний.
Если говорить о изучении JS то пожалуй можно начать с этого.
Для HTML и CSS в качестве базовых знании может хватить и бесплатной части на этом сайте. А дальше только практика.
Курсы я бы точно не советовал. Как правило там обещают золотые горы только ради того, что бы заработать на студентах деньги.

Для дева/кода - intel only!

Молодец, что используешь подготовленные выражения, но очень плохо, что не до конца. Подготовленные выражения должны использоваться для ВСЕХ запросов, в которых участвуют переменные.

Плюс использовать в запросе массив $row не имеет ни малейшего смысла.
Также я не уверен что word следует привязывать с типом i а не s
Ну и разумеется все это делается одним запросом.

if (isset($_POST['word'], $_POST['vocabulary'])){
    $word = $_POST['word'];
    $vocabulary = $_POST['vocabulary'];

    $query = "DELETE FROM `words` WHERE `word` =? and `vocabulary` = ?";
    $stmt = $connection->prepare($query);
    $stmt->bind_param("ss", $word, $vocabulary);
    $stmt->execute();
    if($stmt->affected_rows){
        $_SESSION['smsq'] = "Слово удалено!";
    } else {
        $_SESSION['fsmsq'] = "Ошибка!";
    }
}
header('Location: ../edit-voc.php');

Отдельно замечу что никогда не надо писать or die("Ошибка: ".mysqli_error($connection));ю Вместо этого в файле с коннектом надо один раз написать

mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);

и тогда РНР обо всех ошибках запросов будет сообщать самостоятельно

Так же, как и любую другую

include "connection1.php";
$stmt = $connection->prepare("SELECT DISTINCT `word` FROM `words` WHERE `vocabulary` = ?");
$stmt->bind_param("s", $_SESSION['vocabulary_get']);    
$stmt->execute();
$result = $stmt->get_result();

            echo '<div>';
            while ($row = mysqli_fetch_array($result))
            {
                echo ' <p>' . $row['word'] . '</p>';
            }
            echo '</div>';