Может чтобы всё было гладко с разрешением, может мне в figma к каждому из этих разрешений сделать отдельный дизайн? а потом либо сделать версию сайта другую или через медиа запросы?

Потому что вот

не надо

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

Для текста там em да?

если только разбираешься как это работает
а лучше разобраться и использовать где надо

А можно как то сами пиксели перевести в проценты?

ща

почитай, прокачаешься и в дизайне и в верстке адаптивной
shorturl.at/ejnqS

А смотрите если я хочу чтобы мой фон а точнее его ширина была на 100% экрана это мне писать -

.intro {
     width: 100vw;
     height: 50vh;
}

Коллеги, кто может подсказать простенькую анимацию плавно переходяющую из одного цвета в другой на css?

Классная статья, сохранил, спасибо

transition

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

гуд 👍

ну вот, у меня в этом макете была сетка

спасиб

Вот пример с моего недо-сайта от которого у меня сейчас бомбит

/* ДЛЯ ВСЕХ ССЫЛОК */

a {
 color: #fff;
 text-decoration: none;
 text-decoration: none;
 transition: all.6s ease;
 -moz-transition: all.6s ease;
 -webkit-transition: all.6s ease;
 -ms-transition: all.6s ease;
}

/* ДЛЯ ВСЕХ ССЫЛОК ПРИ НАВЕДЕНИИ */

a:hover {
 color: #0ea3e3;
 text-decoration: none;
 transition: all.6s ease;
 -moz-transition: all.6s ease;
 -webkit-transition: all.6s ease;
 -ms-transition: all.6s ease;
}

а почему твои блоки с плюшками не попадают под нее?

Сейчас исправлю