@SiQo

Как задать ссылку с фоном и иконкой?

Приветствую! Изучаю css и html, решил не ограничиваться теорией и попробовать сверстать бесплатный макет, но для меня даже начало получилось жутко сложным, не знаю, как так, видимо из-за отсутствия практики. В общем, не получается сделать грамотную ссылку с фоном и иконкой. Как только заливается иконка, сразу текст съезжает, а еще, как будто обрезана она чуть чуть. Честно, пытался целый день решить, но уже перепробовал все, что мог в своих мозгах, ничего не вышло. Помогите объяснить в чем дело, спасибо большое!

60191fd7ae0b3827665522.jpeg
60191fe44e55c165795265.jpeg

Результат:
6019208bafbfa490478361.jpeg
  • Вопрос задан
  • 86 просмотров
Решения вопроса 2
kiskiskit
@kiskiskit
Жадно изучаю каждый пиксель
Можно сделать всё проще с помощью flex.
Пример можете посмотреть тут https://codepen.io/kiskiskit/pen/abBOLpL
Можно не задавать background для .img, а просто расположить иконку через svg и сделать это кнопкой
Ответ написан
Fructus
@Fructus
Раздаю коды на блюдечке
картинка


svg


шрифт
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы