Vanilla JavaScript Project: Expanding Gallery скачать в хорошем качестве
Vanilla JavaScript Project: Expanding Gallery
4 года назад
Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
Повторяем попытку...
Скачать видео с ютуб по ссылке или смотреть без блокировок на сайте: Vanilla JavaScript Project: Expanding Gallery в качестве 4k
У нас вы можете посмотреть бесплатно Vanilla JavaScript Project: Expanding Gallery или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
-
Информация по загрузке:
Скачать mp3 с ютуба отдельным файлом. Бесплатный рингтон Vanilla JavaScript Project: Expanding Gallery в формате MP3:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
Vanilla JavaScript Project: Expanding Gallery
Hi guys! Back with another tutorial where we will be creating a grid gallery which expands and collapses on click. I forgot to add responsiveness in this video! I have pushed the responsive media queries to github. See the link below. Code here: https://github.com/conorbailey90/expa... Responsive code CSS: @media screen and (max-width: 600px) { .header { height: 15%; padding: 20px; } .grid { top: 15%; height: 85%; } .row { flex-direction: column; } .grid-item { border-right: none; } .heading h1 { font-size: 50px; } h2 { font-family: "ivar"; letter-spacing: 1px; font-size: 12px; text-transform: uppercase; } h5 { font-family: "NeueMontreal"; font-size: 8px; position: absolute; bottom: 0; } JAVASCRIPT: In the event listener function add an 'IF' clause above the setActive area and add a resize even listener on the window to reset dimensions. See Github link above. Thanks Conor
Comments