Адаптивная верстка сайта с нуля по макету из Figma #8 Верстаем портфолио на CSS Grid

Uploaded By: Myvideo

Published on

20 May 2022

1 view

0

0 votes

0

About Share Download Add to

Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS. !!! ВАЖНО !!! На каких платформах можно найти мои уроки: Большой практический КУРС “Frontend разработчик на HTML, CSS и JavaScript“: Промокод со скидкой: ITDOCTORFE322 В этом уроке мы будем верстать раздел Портфолио. Мы сверстаем сетку из 4-х столбцов с помощью CSS Grid, а так же сделаем адаптивную версию сайта с помощью медиа запросов @media на CSS для разных устройств. Курс “Верстка сайта с нуля по макету из Figma“: Макет сайта Figma:

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/TWM3MHp5bnI1VzlnREdwTWtRTTdmUWRKWkpBVEMzUDl2aE5KVnRUOVhxWT0" 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

Как быстро научиться программированию с нуля

1 day ago

00:02:11

Как быстро научиться программированию с нуля

7 29%

ну патиму

3 days ago

00:00:11

ну патиму

1 79%

на слабых пк

3 days ago

00:00:24

на слабых пк

1 26%

красиво

3 days ago

00:00:23

красиво

2 13%

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

3 days ago

04:42:31

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

14 63%

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

4 days ago

00:35:13

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

1 17%

КУРСЫ ПО ОБУЧЕНИЮ СОЗДАНИЯ САЙТОВ

5 days ago

00:02:11

КУРСЫ ПО ОБУЧЕНИЮ СОЗДАНИЯ САЙТОВ

4 32%

Web - 24 - Адаптивная CSS верстка. Адаптация HTML страницы под экран телефона, планшета, монитора ПК

6 days ago

00:43:27

Web - 24 - Адаптивная CSS верстка. Адаптация HTML страницы под экран телефона, планшета, монитора ПК

1 35%

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

1 week ago

03:55:52

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

1 37%

ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT

1 week ago

00:18:11

ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT

3 17%

Базовый MVP клиента ChatGPT

2 weeks ago

00:12:55

Базовый MVP клиента ChatGPT

8 13%

Адаптивная верстка одностраничного сайта на чистом HTML & CSS || Travel Agency Website HTML&CSS

2 weeks ago

01:05:51

Адаптивная верстка одностраничного сайта на чистом HTML & CSS || Travel Agency Website HTML&CSS

1 40%

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

2 weeks ago

04:20:05

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

1 49%

Адаптивная вёрстка

3 weeks ago

01:47:19

Адаптивная вёрстка

273 55%

Жесть! ~4 часа верстки лендинга из Figma на HTML/CSS/Bootstrap 4 с нуля!

3 weeks ago

03:38:46

Жесть! ~4 часа верстки лендинга из Figma на HTML/CSS/Bootstrap 4 с нуля!

1 58%

React Email - Вёрстка адаптивных email на React JS

3 weeks ago

00:17:20

React Email - Вёрстка адаптивных email на React JS

263 32%

Adaptive layout (Адаптивная верстка) в Android Studio

4 weeks ago

00:14:37

Adaptive layout (Адаптивная верстка) в Android Studio

1 76%

castle

4 weeks ago

00:00:10

castle

25 45%

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

4 weeks ago

00:18:27

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

1 11%

Surf Flutter Study Jam. Лекция Адаптивная вёрстка во Flutter

4 weeks ago

00:41:55

Surf Flutter Study Jam. Лекция Адаптивная вёрстка во Flutter

28 62%

#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки

4 weeks ago

00:15:02

#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки

1 44%

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

1 month ago

00:16:13

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

1 68%

Верстка саита с нуля для начинающих | HTML, CSS, VS Code, PSD

1 month ago

01:57:22

Верстка саита с нуля для начинающих | HTML, CSS, VS Code, PSD

1 9%

Нужно ли делать 320пх Сколько адаптивных макетов дизайна лучше показывать Дизайн. Верстка. Фриланс

1 month ago

00:11:29

Нужно ли делать 320пх Сколько адаптивных макетов дизайна лучше показывать Дизайн. Верстка. Фриланс

1 95%

0 Comments

Guest