feat/landing-fourth-step

[Mirved64]

Close #14

[Mirved64]

@Nelfimov

Скоуп Figma

Описание Получить из Figma данные о точках градиента (их расположение) и угле градиента

Мои действия

• Гуглил. Нашел информацию для дизайнеров - как построить градиент. Нет информации как из макета достать данные о сложных градиентах (линейный под углом, радиальный).
• Нашел как получить данные цвета в точках градиента.
• Знаю, что градиент в CSS можно делать под любым углом. В Figma вижу наклон линии градиента, но как получить данные о наклоне угла не знаю.
• Пока не делал, но знаю о радиальном градиенте в Figma и CSS.

Вопросы Как получить из Figma данные о точках градиента (их расположение) и угле градиента?

Чтобы построить градиенты как в первой секции (синей) нужно использовать несколько элементов Background?

[Nelfimov]

@Nelfimov

Скоуп Figma

Описание Получить из Figma данные о точках градиента (их расположение) и угле градиента

Мои действия

• Гуглил. Нашел информацию для дизайнеров - как построить градиент. Нет информации как из макета достать данные о сложных градиентах (линейный под углом, радиальный).
• Нашел как получить данные цвета в точках градиента.
• Знаю, что градиент в CSS можно делать под любым углом. В Figma вижу наклон линии градиента, но как получить данные о наклоне угла не знаю.
• Пока не делал, но знаю о радиальном градиенте в Figma и CSS.

Вопросы Как получить из Figma данные о точках градиента (их расположение) и угле градиента?

Чтобы построить градиенты как в первой секции (синей) нужно использовать несколько элементов Background?

У блоков с фоном есть такое инфо. Пример:

[Mirved64]

@Nelfimov

Как открыть такое меню? У меня в фигме так:

И в копии макета такое:

Вкладки Inspect нет.

[Nelfimov]

Надо включить режим разработчика:

[Mirved64]

@Nelfimov

Скоуп Изменение положения секции

Описание

Не получается сделать как в макете, чтобы секции с закругленными углами "налезали" друг на друга

Мои действия

• Закруглил углы у секции, получилось так:
• Пробовал задавать translateY={['-64px', '-80px']} для Background и компоненту Courses
• Менял zIndex для Background и компонента Courses, все равно не как в макете.

Вопросы Как поднять секцию по Y и по Z, чтобы получилось как в макете? Или это по другому делается?

ПР сделал, ветка актуальна

[Nelfimov]

Можно через присвоение родителю position: relative, а детям position: absolute . Тогда детей можно будет двигать в рамках родителя.