Стилизация плейсхолдера в инпуте
How to Style any Input Field – Tips and Techniques – https://medium.com/codex/how-to-style-an-input-field-with-css-only-tips-and-techniques-e6a00e9dcc5
Читать далее Стилизация плейсхолдера в инпутеПодчеркивание пункта меню
Чтобы было понятно какой пункт меню активен его надо как-то выделить среди остальных, проще всего оставить подчеркнутым или выделить как-то по другому
Читать далее Подчеркивание пункта менюScreen sizes
Phones and handhelds
Tablets
Laptops
Desktops
Ссылка картинка с затемнением
Masonry
16 CSS Masonry Layout Examples – https://freefrontend.com/css-masonry-layout-examples/
Simple Masonry layouts with CSS Flexbox – https://w3bits.com/flexbox-masonry/
Creating Holy Grail Layouts with CSS Flexbox – https://w3bits.com/flexbox-holy-grail-layout/
Left-to-right Masonry Layout using CSS Grid – https://w3bits.com/css-grid-masonry/
Masonry style layout with CSS Grid – https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb
Приключения Masonry-раскладки в CSS – https://css-live.ru/css/priklyucheniya-masonry-raskladki-v-css.html
CSS Position
CSS Position Sticky – How It Really Works! – https://elad.medium.com/css-position-sticky-how-it-really-works-54cd01dc2d46
Свойство position – https://learn.javascript.ru/position
Dropdown menu 3 levels
по мотивам
3 levels menu dropdown with css – https://codepen.io/sheldonled/post/menu-dropdown-css-3levels
Меню – 3 уровня НTML + CSS
Верхний уровень меню расположен в строчку
2й и 3й уровень расположены в столбцы
Меню 3го уровня слева от родительского столбца, кроме последней колонки – там справа.
Кнопки социальных сетей
Отсюда – Кнопки соцсетей для сайта на чистом CSS – https://v3c.ru/css/knopki-sotssetej-dlya-sajta
Читать далее Кнопки социальных сетейCSS – Bookshelf
“Bookshelf”
As all the rotated blocks have fair place in a flow, you could arrange them in a row so they won’t overlap each other and the height of the whole row would be equal to the “highest” of them: