.form-load-lk__wrapper {
overflow:auto; <- это проблема - замените на hidden
min-height:600px;
}.form-load-lk {
display: none;
background: #fff;
margin: 0 auto;
width: 100%;
border-radius: 4px;
text-align: center;
margin-top: 30px;
position: absolute;
bottom: 76px;
max-height: 180px;
overflow: hidden; <- это , смените на auto
}Одно или два двоеточия?
Нет никакой разницы между :before и ::before или между :after и ::after. Синтаксис с двумя двоеточиями характерен для CSS3.
На www.w3.org/TR/css3-selectors/#pseudo-elements есть такой абзац:
Этот знак (::) введен для того, чтобы отличить псевдо-классы от псевдо-элементов. Для совместимости с уже существующими таблицами стилей псевдо-элементы в CSS 1 и 2 также возможно задавать с одним двоеточием (в частности, :first-line, :first-letter, :before и :after
img{
display:block;
max-width:100%;
height:auto;
object-fit:contain;
}li имеет размер , который может быть как в % так и в pixel, и <a href=""></a> имеет свойство display:block; width:100%; height:100%; а прозрачность дал для того что бы видеть что ли красный и что тег а занимает всё пространство
<?php
$dir = 'images/'; // Папка с изображениями
$cols = 3; // Количество столбцов в будущей таблице с картинками
$files = scandir($dir); // Берём всё содержимое директории
echo "<table>"; // Начинаем таблицу
$k = 0; // Вспомогательный счётчик для перехода на новые строки
for ($i = 0; $i < count($files); $i++) { // Перебираем все файлы
if (($files[$i] != ".") && ($files[$i] != "..")) { // Текущий каталог и родительский пропускаем
if ($k % $cols == 0) echo "<tr>"; // Добавляем новую строку
echo "<td>"; // Начинаем столбец
$path = $dir.$files[$i]; // Получаем путь к картинке
echo "<a href='$path'>"; // Делаем ссылку на картинку
echo "<img src='$path' alt='' width='100' />"; // Вывод превью картинки
echo "</a>"; // Закрываем ссылку
echo "</td>"; // Закрываем столбец
/* Закрываем строку, если необходимое количество было выведено, либо данная итерация последняя */
if ((($k + 1) % $cols == 0) || (($i + 1) == count($files))) echo "</tr>";
$k++; // Увеличиваем вспомогательный счётчик
}
}
echo "</table>"; // Закрываем таблицу
?>@media screen and (min-width: 980px){}
@media screen and (min-width: 1024px){}
@media screen and (min-width: 1768px){}
и т д
