Верстка первого экрана #5 (HTML/CSS)
Видео входит в плейлист: • Верстка с нуля на практике. Первые эк...
Ссылка на макет: https://www.figma.com/file/1hlHVfiT7K...
Что изучим?
линейный градиент
попробовали двигать блоки с position: relative
узнали как при ховере сделать так, чтобы блок не ехал
узнали что есть https://thecode.media/normalize/
Хотели ворваться в движ, но не получилось из-за линейного градиента:
.btn {
background: #9DD558;
}
.btn:hover {
background: lighten($color: #9DD558, $amount: 5%);
}
.btn :active {
background: darken($color: #9DD558, $amount: 5%);
}
Общие моменты:
постепенно узнаем о других решениях в верстке
пришли к выводу, что если контент нужен - поставим лайк или напишем что-то в комментариях
Мы на бусти: https://boosty.to/webdevhouse
Мы в ВК: https://vk.com/webdevhouse
Мы на RuTube: https://rutube.ru/channel/24811844/
#htmlcss
#версткадляначинающих
