Григорий Моргачев

Попробуйте

.class {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

Использовать две анимации
На hover и просто на элементе, чтобы вернуть его к исходному состоянию

Как вариант использовать Fancybox + верстку с grid сеткой
Вот первый вариант с codepen

.element:focus {
    border: none;
    outline: none;
}

Если есть телефон, то значит уже есть возможность практиковаться в коде. Я когда был в армейке начал увлекаться вебом, качал различные приложения где можно HTML/CSS/JS писать и собирал не сложную вёрстку. Пробовал так же читать разные книги по php, но без практики вылетает все моментально. Так что мой совет потыкать немного вёрстку, пока не надоесть и углубиться в JS, его писать с телефона проще, чем что-то верстать, а польза от этих знаний точно будет.

Может воспользоваться простым <br>?
Еще как вариант это ограничить ширину элемента в котором находиться данный текст.

Используйте <link rel="preload" href="style.css" as="style"> для предварительной загрузки контента. Значение as необходимо менять в зависимости от контента:

• audio: Аудио файлы.
  
• document: HTML документ для или .
  
• embed: Ресурс, встроенный в элемент.
  
• fetch: Ресурс с доступом к запросу выборки или XHR, подобие файлу ArrayBuffer или JSON.
  
• font: Шрифты.
  
• image: Картинки.
  
• object: Ресурс встроенный в элемент.
  
• script: JavaScript.
  
• style: CSS таблица стилей.
  
• track: WebVTT.
  
• worker: A JavaScript веб-worker и общий worker.
  
• video: Видео.
  

Ну как вариант это поменять padding.
У вас в коде это так:

@media screen and (max-width: 1200px){
.icons img {
    width: 20px;
    padding: 20px 5px;
}
}

*нужно конечно еще поиграться со значениями, но думаю мысля понятна

Результат:

За это отвечает плагин Emmet. У меня он сразу после установки хорошо работал с sass.