Верстка первого экрана #5 (HTML/CSS)

Published: 31 March 2022
on channel: WebDev House

173

Видео входит в плейлист: • Верстка с нуля на практике. Первые эк...

Ссылка на макет: 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
#версткадляначинающих

Watch video Верстка первого экрана #5 (HTML/CSS) online without registration, duration hours minute second in high quality. This video was added by user WebDev House 31 March 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17 once and liked it people.

36,59