Верстка карточек HTML + CSS

Uploaded By: Myvideo

Published on

29 Aug 2023

1 view

0

0 votes

0

About Share Download Add to

Делюсь способом создания резиновых и адаптивных карточек с помощью Flex, HTML, CSS, GRID. Исходники в телеграме: Discord: Буду рад поддержке. 00:00 Вступление 03:38 Создание сетки 12:25 Карточка с текстом 14:40 Карточка с текстом и заголовком 16:22 Карточка с декоративным изображением и ссылкой 25:47 Карточка с иконкой 29:35 Карточка с изображением на фоне 32:25 Карточка с контентным изображением и кнопкой

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/MWk1MWVmV1d3Tm1qaUdRMGVGMGVnRzlpQ1pmSExvelVoN3NKVm5qejBnYz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

ДЕЛАЕМ ИНФОГРАФИКУ ДЛЯ МАРКЕТПЛЕЙСОВ С НУЛЯ В ФОТОШОПЕ! ДЛЯ НОВИЧКОВ | ВЫПОЛНЯЕМ РЕАЛЬНЫЙ ЗАКАЗ

4 months ago

00:15:46

ДЕЛАЕМ ИНФОГРАФИКУ ДЛЯ МАРКЕТПЛЕЙСОВ С НУЛЯ В ФОТОШОПЕ! ДЛЯ НОВИЧКОВ | ВЫПОЛНЯЕМ РЕАЛЬНЫЙ ЗАКАЗ

1 66%

HTML верстка сайта каталога интернет магазина на Gulp сборке. Моб. адаптация. GitHub pages. Часть 2

5 months ago

05:19:31

HTML верстка сайта каталога интернет магазина на Gulp сборке. Моб. адаптация. GitHub pages. Часть 2

1 24%

Разбор саита бытовой химии и косметики

5 months ago

00:41:33

Разбор саита бытовой химии и косметики

1 30%

Понедельничные референсы #12 (Разбор сайтов, web-design, UX/UI design) Карточки в интерфейсе

9 months ago

00:11:31

Понедельничные референсы #12 (Разбор сайтов, web-design, UX/UI design) Карточки в интерфейсе

4 46%

HTML верстка сайта каталога интернет магазина на Gulp сборке

1 year ago

07:53:40

HTML верстка сайта каталога интернет магазина на Gulp сборке

1 35%

Адаптивная верстка сайта с нуля для начинающих | HTML, CSS и JavaScript | Создаем сайт про NFT

1 year ago

02:17:54

Адаптивная верстка сайта с нуля для начинающих | HTML, CSS и JavaScript | Создаем сайт про NFT

1 23%

Фиксация карточек по скроллу с кликабельными элементами с наложением СВЕРХУ в Тильде

1 year ago

00:39:11

Фиксация карточек по скроллу с кликабельными элементами с наложением СВЕРХУ в Тильде

1 31%

Резиновая верстка. Flex позиционирование

1 year ago

00:16:14

Резиновая верстка. Flex позиционирование

1 26%

Приложение на Flutter с нуля | ОЧЕНЬ МНОГО ВЕРСТКИ | ПЕРЕСБОРКА #7

1 year ago

01:03:56

Приложение на Flutter с нуля | ОЧЕНЬ МНОГО ВЕРСТКИ | ПЕРЕСБОРКА #7

1 81%

Flex верстка карточек

2 years ago

00:37:24

Flex верстка карточек

1 48%

Верстка карточек HTML + CSS

2 years ago

00:44:36

Верстка карточек HTML + CSS

1 11%

КАК СДЕЛАТЬ ЛОГОТИП ЗА 5 МИНУТ | КАК СДЕЛАТЬ ЛОГОТИП НА ТЕЛЕФОНЕ

2 years ago

00:03:51

КАК СДЕЛАТЬ ЛОГОТИП ЗА 5 МИНУТ | КАК СДЕЛАТЬ ЛОГОТИП НА ТЕЛЕФОНЕ

2 32%

Как бесплатно сделать TAPLINK | В фотошопе

2 years ago

00:08:55

Как бесплатно сделать TAPLINK | В фотошопе

12 92%

HTML / CSS - 4 варианта построения сетки карточек

2 years ago

00:28:05

HTML / CSS - 4 варианта построения сетки карточек

2 75%

Стрим Джоберс 15 - Оформление карточек товаров сайта Битрикс / Контент менеджмент

2 years ago

00:46:58

Стрим Джоберс 15 - Оформление карточек товаров сайта Битрикс / Контент менеджмент

1 43%

#56 Адаптация секции Курс по Верстке от AROKEN

2 years ago

00:23:54

#56 Адаптация секции Курс по Верстке от AROKEN

1 16%

Верстка тестового задания с собеседования на должность HTML верстальщик. Верстка, JS, полифилы.

2 years ago

04:11:34

Верстка тестового задания с собеседования на должность HTML верстальщик. Верстка, JS, полифилы.

1 18%

Вёрстка сайта с нуля по макету Figma | HTML, CSS | Часть 3

2 years ago

01:30:37

Вёрстка сайта с нуля по макету Figma | HTML, CSS | Часть 3

7 31%

UI-компоненты №17. Создание карточек с прижатием кнопки внизу

2 years ago

00:09:56

UI-компоненты №17. Создание карточек с прижатием кнопки внизу

1 8%

Карточки с 3D эффектом переворачивания | Верстка HTML CSS

2 years ago

00:07:55

Карточки с 3D эффектом переворачивания | Верстка HTML CSS

1 40%

Базовый интенсив. #16 Верстка карточек курсов

3 years ago

00:34:00

Базовый интенсив. #16 Верстка карточек курсов

3 74%

БЫСТРЫЙ способ создания stacking анимации в Webflow

3 years ago

00:07:05

БЫСТРЫЙ способ создания stacking анимации в Webflow

1 77%

FULLSTACK приложение с нуля (MERN) #4 - Верстка главного экрана с каталогом

3 years ago

00:56:50

FULLSTACK приложение с нуля (MERN) #4 - Верстка главного экрана с каталогом

12 25%

Что такое компонент в Figma. Использование компонентов для быстрого создания микроформатов в дизайне

3 years ago

00:16:33

Что такое компонент в Figma. Использование компонентов для быстрого создания микроформатов в дизайне

1 45%

0 Comments

Guest