1. Точка с запятой
2. Неверный тип кавычек, должны быть такие ' или "
3. Заглавные буквы в названии файла
4. Русские буквы в названии файла
5. Вообще неверное название файла
6. Неверный путь к файлу.
p.s. title=”info” в таком виде вообще лишняя запись.
p.p.s одиночные теги не нужно закрывать, хорошо писать просто <br>
для 1920/1080 высота макета должна быть 960px, для обхвата всего браузера
Да? А если у пользователя еще панельки с закладками или еще чем-нибудь?
Это кроме того, что браузеры бывают разные и высота панелей и них тоже разная. И еще можно браузер не на весь экран открывать.
Сдвиги на магические числа ненадежны, потому что при смене шрифта или картинки всё уедет.
Абсолюты выводят элемент из потока, трансформ создает новый контекст наложения.
!important уже на этапе верстки говорит о плохом коде, повышает специфичность и усложняет поддержку.
Использовать их при наличии простых надежных решений не имеет смысла.
mt. NATS, я бы рекомендовала сначала самому разобраться с правилами и хорошим тоном верстки, а потом писать рекомендации. А огрызаться, вместо того чтобы быстренько исправить ошибки, крайне глупо. Исправите, напишите, удалю каменты.
Из-за таких постов у новичков в голове каша. И на приведение информации у них в головах в порядок уходит много сил и времени.
Суть в том, что есть обертка карточки, высота которой не меняется. И в ней другой блок, прибитый абсолютом. Его высота и меняется. Он вываливается из родителя и перекрывает строки ниже.
Можно играть с прозрачностью и pointer-events.
Смотря что в макете.
Либо использовать полноценные шаблонизаторы.