auddit

Если вы только начали верстать, запомните. Никогда не используйте один и тот же текст для нескольких похожих блоков / тизеров / компонентов. Всегда добавляйте разное количество текста, чтобы сразу протестировать, как будет выглядеть с реальным контентом и чтобы не было таких проблем потом.

Также для ускорения обучения попробуйте несколько курсов, пусть даже платных, но это поможет избежать большинства ошибок и ускорить обучение.

Такое иногда бывает связано также с провайдером.
Если не открывается, попробуйте раздать интернет с смартфона и открыть через него. Потом можно работать с обычного интернета.

Можно, если учитывать размеры шрифта относительно размера экрана девайса.
Например, от 24" монитора мы находимся дальше, чем от ноутбука, поэтому, шрифт на ноутбуке может быть немного уменьшен. То же самое и на смартфонах. Мы держим смартфон близко, а разрешение экрана на смартфона гораздо больше, поэтому более мелкий шрифт будет читаться нормально.
Нужно соблюдать баланс. например, на смартфоне, текст должен читаться на расстоянии вытянутой руки.

Это полезно для оптимизации скорости загрузки сайта. Маленький файл с основными стилями в head, остальные стили в footer.

Для удобства правки кода на больших проектах, лучше использовать препроцессоры

Можно сделать через псевдоэлементы. :before и :after