Икотий Айтишевич

На Grid'ах: https://css-tricks.com/snippets/css/complete-guide...

В чём проблема продублировать код и заменить названия классов?

Возможно в Zeplin нету данного шрифта...

Через SVG или через изображения. Либо задать фон или добавить через псевдоклассы.

По аналогии:
https://codepen.io/bmarques1995/details/bLJxqy
https://codepen.io/theycallmemrpig/details/POWxdr

Либо уже полноценно учиться рисовать в SVG.

Или же Вы можете нарисовать в иллюстраторе и перевести в SVG формат.

grid-template-columns: 20px 1fr 1fr 1fr;

Вот ссылки:
https://www.pinterest.ru/pin/188025353181703520/
https://www.pinterest.ru/pin/70087337932322571/
https://www.behance.net/gallery/107834655/Mobile-A...

Вообще, вот посмотрите референсы:
https://www.pinterest.ru/search/pins/?q=ui%2Fux%20...

Поделайте запросы «ux/ui design» на dribbble, behance.

У Вас странная реализация меню... Достаточно просто вставить выпадающий список, в нужный <li> тег. И написать код, с обработчиком событий, чтобы показывало выпадающий список меню — при наведении мыши на данный пункт списка и пока мышка внутри данного блока, и скрывать когда мышь выходит за грани этого блока. Либо если Вы плохо знаете JS, можно реализовать его на CSS.

Вот тут можете почитать: https://html5book.ru/vypadayushee-menu/

Если Вам необходимо сделать так, как на нижней фотографии, то Вам нужно создать див, которому задать размер, а внутри дива добавить текст и нужную иконку. И выровнять весь контент по центру. Фильтр на изображение можно добавить добавить через css свойства, либо в PhotoShop.

Если использовать Slick slider, то чтобы запретить перелистывание мышкой, надо поработать с swipe/drag. swipe: false Если ещё что–нибудь из готового, то можно реализовать через OwlCarousel и через carousel Bootstrap.

В любых других случаях писать код на JS, но для этого Вам нужно знать или учить JS.

Свойство object-fit Вам в помощь. https://developer.mozilla.org/ru/docs/Web/CSS/obje...

rem — это относительная единица, а px абсолютная. Поэтому ошибка.

Если не отображает стили вообще, то скорее ошибка в пути или в их отображении. Посмотрите появляются ли стили в head. И отправьте скриншот логов из консоли, пожалуйста.

https://codepen.io/garisun/pen/ZEOoMpL
И это на почитать: https://developer.mozilla.org/ru/docs/Learn/Gettin...