Делать флекс: Флекс — что это такое и что значит флексить

Разбираемся с обёртыванием Flex элементов — CSS

Flexbox был разработан как однонаправленный макет, то есть он подразумевает укладывание элементов либо в строчку, либо в столбец, но не одновременно и то и другое. Тем не менее, есть возможность завернуть элементы в несколько строк, создавая новые строки. Это делается с помощью установки свойства flex-direction (flex-направление) в значение row (строки) или создавая новые столбцы, устанавливая свойство flex-direction в значение column (столбец). В этой статье я объясню, как это работает, зачем это придумали и в каких случаях лучше использовать технологию CSS Grid Layout вместо флекс-боксов.

Значение по умолчанию свойства flex-wrap равняется nowrap. Это обозначает, что если у вас есть набор флекс-элементов, которые слишком широки для их контейнера, то они будут его переполнять. Если вы хотите, чтобы они переносились на следующую строку (или столбец, если у вас вертикально расположена основная ось) при переполнении, вы должны добавить свойство flex-wrap и установить ему значение wrap, или использовать сокращённую запись свойства flex-flow со значениями row wrap или column wrap соответственно для строк и столбцов.

Тогда элементы будут переноситься внутри контейнера. В следующем примере у нас есть 10 элементов с flex-basis равным 160px и способностью расти и сжиматься. Как только в первой строке мы попадаем в то место, когда нет возможности поместить ещё один элемент с размером 160 px, создаётся новая строка для этого элемента и так будет повторяться, пока не поместятся все элементы.Так как элементы могут расти, то их размер станет больше, чем 160px в том случае, когда все строки полностью заполнятся. Если на последней строке останется только один элемент, то он расширится до ширины всей строки.

То же самое будет происходить с колонками. Содержащему контейнеру надо задать высоту, чтобы элементы начали переноситься в следующую колонку. И высота элементов тоже будет увеличиваться, чтобы заполнить колонку по высоте полностью.

Перенос работает, что логично ожидать, и в паре со свойством flex-direction. Если flex-direction установлен в row-reverse, тогда элементы начнут укладываться с конечного края контейнера и будут идти в обратном порядке.

Обратите внимание, что обратный порядок относится только к строке (в случае построчного заполнения). Элементы начнут заполнять справа налево, затем перейдут на вторую строку и опять начнут справа. Не будет реверса сразу по обеим осям — строки не будут заполняться вверх!

Как мы уже видели в предыдущих примерах, если нашим элементам разрешено расти и сжиматься, то появляются несколько элементов в последней строке или столбце, которые расширяются, чтобы заполнить всё оставшееся пространство.

В технологии флексбоксов нет методов, которые позволили бы сказать элементам в одной строке выстроиться так же, как в строке выше — каждая флекс-строка ведёт себя как новый флекс-контейнер. Это так же касается распределения пространства по главной оси. Если есть только один элемент и ему разрешено расти, то он будет расти и заполнять главную ось направления, так же, как будто бы он был единственным элементов в контейнере.

Если вы хотите макет в двух измерениях, то вы, вероятно, хотите макет сетки — Grid Layout. Мы можем сравнить наш пример переноса строк выше с версией, сделанной на технологии CSS Grid, чтобы увидеть разницу. Следующий живой пример использует технологию CSS Grid Layout для создания макета с несколькими колонками, каждая из которых имеет установленный минимальный размер в 160 px и соответственно распределяя дополнительное пространство между всеми столбцами. Однако в этом случае элементы остаются в своей сетке и не растягиваются, если их в последнем ряду меньше.

В этом разница между одно- и двух -мерной компоновкой. В одномерном методе, таком как флексбокс, мы контролируем только одно измерение — либо строки, либо столбцы. В двумерном макете, таком как grid, мы контролируем сразу оба измерения. Если вы хотите распределение пространства построчно, используйте flexbox. Если не хотите — используйте Grid.

Как правило, grid системы на основе flexbox работают, возвращая flexbox к привычному миру разметок на основе float. Если вы назначите процентную ширину для элементов Flex — либо задав значение параметру flex-basis, либо добавив ширину к самому элементу, при этом оставив значение flex-basis как auto — вы можете создать впечатление двухмерного макета. Вы можете посмотреть, как это работает на примере ниже.

Здесь я установил flex-grow и flex-shrink на 0, чтобы запретить flex элементам расти и сжиматься, а затем контролирую их размер с помощью процентов, как мы это делали в макетах с float.

Если вам нужно, чтобы flex элементы выровнялись по поперечной оси, такой способ управления шириной позволит этого добиться. Тем не менее, в большинстве случаев, добавление параметра ширины непосредственно в сам flex элемент говорит о том, что возможно будет лучше, если вы переключитесь на технологию grid layout для этого компонента макета.

При размещении flex элементов периодически возникает необходимость их разнести между собой. На данный момент у нас нет никакого решения задачи создания промежутков между элементами flexbox в пределах спецификации Box Alignment module. В будущем мы сможем просто использовать row-gap и column-gap для флексбоксов так же, как мы это делаем для CSS Grid макетов. Но пока всё что мы можем сделать — это использовать margin для достижения этой цели.

Как вы можете видеть на живом примере ниже, попытки создать промежутки между элементами, при этом не создавая промежутки с границами содержащего контейнера, приводят к тому, что нам приходится использовать отрицательные маржины для самого контейнера. Любая граница в flex контейнере затем перемещается во вторую оболочку, чтобы отрицательное поле могло вытянуть элементы до этого элемента оболочки.

Вот поэтому, когда всё-таки реализуют свойство gap, это решит проблему с промежутками. Потому что это свойство будет действовать только на промежутки между элементами, не затрагивая промежутки между элементом и содержащим контейнером.

В спецификации флексбоксов подробно рассказано, что должно происходить, когда элементы должны сворачиваться при установке параметра visibility: collapse на элементе. Смотрим документацию MDN для параметра visibility. Спецификация описывает поведение так:

“Установка visibility:collapse на flex элементе должна сворачивать этот flex элемент. Этот эффект должен быть таким же, как при установке свойства visibility:collapse на элементе table-row или table-column: свёрнутый flex элемент полностью удаляется из процесса рендеринга, но оставляет за собой некую «распорку», которая сохраняет стабильным поперечный размер flex-строки. Таким образом, если флекс-контейнер имеет только одну строку, динамическое сворачивание или разворачивание элементов может изменять основной размер флекс-контейнера, но должно быть гарантированно, что не будет изменяться поперечный размер и не будет приводить к эффекту «виляния» всего макета страницы. Однако процесс обёртывания flex-строки выполняется после процедуры сворачивания, поэтому поперечный размер flex-контейнера с несколькими строками может и изменяться.” — Сворачивание элементов

Понимание этого поведения полезно, если вы планируете использовать яваскрипт на флекс-элементах и с его помощью прятать или показывать контент. Пример в спецификации демонстрирует один такой шаблон.

В следующем живом примере у нас показан флекс-контейнер со параметров «перенос» в состоянии «не переносить». Третий элемент имеет контента больше, чем другие элементы. И у него установлен параметр visibility: collapse. Следовательно он имеет некую «распорку», которая удерживает ту высоту, которая позволит показать этот элемент. Если вы удалите visibility: collapse из CSS или измените значение на visible, то вы увидите, что элемент исчезнет, а пространство перераспределится между не свёрнутыми элементами; высота флекс-контейнера при этом не изменится.

Примечание: Примечание. Используйте Firefox для двух приведённых ниже примеров, поскольку Chrome и Safari рассматривают свёрнутый элемент как скрытый.

Когда вы работаете с многострочным флекс-контейнером, вы должны помнить, что процесс обёртывания происходит после сворачивания. Таким образом, браузер должен повторно выполнить процедуру оборачивания, чтобы учесть новое пространство, оставленное свёрнутым элементом в главной оси.

Это значит, что элементы могут оказаться на строке, отличной от той, на которой они начинались. В случае, если какой-то элемент отображается и скрывается, это может привести к тому, что элементы окажутся в другом ряду.

Я создал пример такого поведения в следующем живом примере. Вы можете увидеть, как растяжение меняет строку в зависимости от расположения свёрнутого элемента. Если вы добавите больше контента ко второму элементу, он изменит строку, как только станет достаточно длинным. Эта верхняя строка становится такой же высокой, как одна строка текста.

Если это вызывает проблемы для вашего макета, возможно вам стоит задуматься над переделкой структуры, например, поместить каждую строку в отдельный флекс-контейнер, чтобы они не могли смещать строки.

Разница между

visibility: hidden и display: none

Когда вы устанавливаете элементу display: none чтобы его спрятать, то этот элемент удаляется из структуры страницы. На практике это означает, что счётчики игнорируют его, а такие вещи, как transitions (переходы), не запускаются. Использование visibility: hidden сохраняет элемент в структуре форматирования, что полезно, поскольку он по-прежнему ведёт себя так, как если бы он был частью макета, даже если пользователь не может его увидеть.

Last modified: 13 авг. 2022 г., by MDN contributors

наглядное введение в систему компоновки элементов на веб-странице

CSS Flexbox — это технология для создания сложных гибких макетов за счёт правильного размещения элементов на странице. О самой технологии пишут здесь. Мы же решили объяснить возможности CSS Flexbox с использованием гифок.

Примечание Вы читаете улучшенную версию некогда выпущенной нами статьи.

1. display: flex
2. flex-direction
3. justify-content
4. align-items
5. align-self
6. flex-basis
7. flex-grow
8. flex-shrink
9. flex
10. Дополнительно

1

display: flex

Есть страница:

На ней размещено 4 div разных размеров, которые находятся внутри серого div. У каждого div есть свойство display: block. Поэтому каждый блок занимает всю ширину строки. Чтобы начать работать с CSS Flexbox, нужно сделать контейнер flex-контейнером. Делается это так:

#container {
  display: flex;
}

Так у блоков появилось свойство flex-контекст, которое в дальнейшем позволит ими управлять гораздо проще, чем с использованием стандартного CSS.

2

flex-direction

У flex-контейнера есть две оси: главная и перпендикулярная ей.

По умолчанию все предметы располагаются вдоль главной оси — слева направо. Именно поэтому блоки в предыдущем примере выстроились в линию, когда мы применили display: flex. А вот flex-direction позволяет вращать главную ось.

#container {
  display: flex;
  flex-direction: column;
}

Обратите внимание, что flex-direction: column не выравнивает блоки по оси, перпендикулярной главной. Главная ось сама меняет своё расположение, и теперь направлена сверху вниз.

Есть ещё парочка свойств для flex-direction: row-reverse и column-reverse.

3

justify-content

Отвечает за выравнивание элементов по главной оси:

#container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

Justify-content может принимать 5 значений:

1. flex-start
2. flex-end
3. center
4. space-between
5. space-around

Space-between задаёт одинаковое расстояние между блоками, но не между контейнером и блоками. Space-around также задаёт одинаковое расстояние между блоками, но теперь расстояние между контейнером и блоками равно половине расстояния между блоками.

4

align-items

Если justify-content работает с главной осью, то align-items работает с осью, перпендикулярной главной оси. Вернёмся к flex-direction: row и пройдёмся по командам align-items:

1. flex-start
2. flex-end
3. center
4. stretch
5. baseline

Стоит заметить, что для align-items: stretch высота блоков должна быть равна auto. Для align-items: baseline теги параграфа убирать не нужно, иначе получится так:

Чтобы получше разобраться в том, как работают оси, объединим justify-content с align-items и посмотрим, как работает выравнивание по центру для двух свойств flex-direction:

5

align-self

Позволяет выравнивать элементы по отдельности:

#container {
  align-items: flex-start;
}
.square#one {
  align-self: center;
}
// Only this square will be centered.

Для двух блоков применим align-self, а для остальных — align-items: center и flex-direction: row.

6

flex-basis

Отвечает за изначальный размер элементов до того, как они будут изменены другими свойствами CSS Flexbox:

flex-basis влияет на размер элементов вдоль главной оси. Давайте посмотрим, что случится, если мы изменим направление главной оси:

Заметьте, что нам пришлось изменить и высоту элементов: flex-basis может определять как высоту элементов, так и их ширину в зависимости от направления оси.

7

flex-grow

Это свойство немного сложнее. Для начала зададим блокам одинаковую ширину в 120px:

По умолчанию значение flex-grow равно 0. Это значит, что блокам запрещено увеличиваться в размерах. Зададим flex-grow равным 1 для каждого блока:

Теперь блоки заняли оставшееся место в контейнере. Но что значит flex-grow: 1? Попробуем сделать flex-grow равным 999:

И… ничего не произошло. Так получилось из-за того, что flex-grow принимает не абсолютные значения, а относительные. Это значит, что не важно, какое значение у flex-grow, важно, какое оно по отношению к другим блокам:

Вначале flex-grow каждого блока равен 1, в сумме получится 6. Значит, наш контейнер разделён на 6 частей. Каждый блок будет занимать 1/6 часть доступного пространства в контейнере. Когда flex-grow третьего блока становится равным 2, контейнер делится на 7 частей: 1 + 1 + 2 + 1 + 1 + 1. Теперь третий блок занимает 2/7 пространства, остальные — по 1/7. И так далее.

flex-grow работает только для главной оси, пока мы не изменим её направление.

8

flex-shrink

Прямая противоположность flex-grow. Определяет, насколько блоку можно уменьшиться в размере. flex-shrink используется, когда элементы не вмещаются в контейнер. Вы определяете, какие элементы должны уменьшиться в размерах, а какие — нет. По умолчанию значение flex-shrink для каждого блока равно 1. Это значит, что блоки будут сжиматься, когда контейнер будет уменьшаться.

Зададим flex-grow и flex-shrink равными 1:

Теперь поменяем значение flex-shrink для третьего блока на 0. Ему запретили сжиматься, поэтому его ширина останется равной 120px:

flex-shrink основывается на пропорциях. То есть, если у первого блока flex-shrink равен 6, а у остальных он равен 2, то, это значит, что первый блок будет сжиматься в три раза быстрее, чем остальные.

9

flex

Заменяет flex-grow, flex-shrink и flex-basis. Значения по умолчанию: 0 (grow) 1 (shrink) auto (basis).

Создадим два блока:

.square#one {
  flex: 2 1 300px;
}
.square#two {
  flex: 1 2 300px;
}

У обоих одинаковый flex-basis. Это значит, что оба будут шириной в 300px (ширина контейнера: 600px плюс margin и padding). Но когда контейнер начнет увеличиваться в размерах, первый блок (с большим flex-grow) будет увеличиваться в два раза быстрее, а второй блок (с наибольшим flex-shrink) будет сжиматься в два раза быстрее:

Ещё больше возможностей свойства вы можете найти в анимированном руководстве по CSS flex​.

10

Дополнительно

Как с CSS Flexbox меняется размер?

Когда увеличивается первый блок, он не становится в два раза больше второго, и когда уменьшается второй, он также не становится в два раза меньше первого. Это происходит из-за того, что flex-grow и flex-shrink отвечают за темп роста и сокращения.

Немного математики

Начальный размер контейнера: 640px. Вычтем по 20px с каждой стороны для padding, и у нас останется 600px для двух блоков. Когда ширина контейнера становится равной 430px (потеря в 210px), первый блок (flex-shrink: 1) теряет 70px. Второй блок (flex-shrink: 2) теряет 140px. Когда контейнер сжимается до 340px, мы теряем 300px. Первый блок теряет 100px, второй — 200px. То же самое происходит и с flex-grow.

Если вы также интересуетесь CSS Grid, можете ознакомиться с нашей статьёй, где мы рассматриваем Flexbox и Grid.

​

Перевод статьи

Реклама на Tproger: найдем для вас разработчиков нужного стека и уровня.

Подробнее

Реклама на tproger.ru

Загрузка

Все, что вам нужно знать об Amazon Flex: сколько зарабатывают драйверы Flex?

Были ли ваши «умения общаться с людьми» в максимальной степени проверены на доставке еды? Если это так, Amazon Flex может стать для вас отличным вариантом. Flex — это платформа Amazon для водителей, которые хотят доставлять онлайн-покупателям «улыбки» — так компания описывает пакеты Amazon. Большую часть времени вы даже не увидите людей на другом конце линии доставки, поэтому этот концерт, скорее всего, даст вам передышку от боли и беспокойства, связанных с общением с широкой публикой.

Однако это не единственное преимущество Amazon Flex. В этом посте мы рассмотрим больше плюсов и несколько вещей, которые не так хороши, чтобы вы могли решить, может ли это быть хорошим концертом для вас. Мы рассмотрим

• основы Amazon Flex
• Плата водителя Amazon Flex
• плюсов и минусов вождения для Amazon Flex
• Включение Flex в вашу повседневную жизнь

Основы работы с Amazon Flex

Водители Amazon Flex являются независимыми подрядчиками , которые используют свои собственные транспортные средства для доставки товаров, заказанных на Amazon, включая

• посылки : забираются на станции доставки и затем доставляются клиентам в течение заданного периода времени, обычно в течение 3–6 часов
• Prime Now и Amazon Fresh : продукты и предметы домашнего обихода, полученные на станции доставки Amazon, а затем доставленные, обычно блоками по 2–4 часа
• заказы магазина : самовывоз товаров из местных магазинов блоками по 2–4 часа
• мгновенные предложения : доставка из ресторана в последнюю минуту осуществляется за 15–45 минут, отдельно от запланированных блоков и доступна только в определенных зонах 

Приложение Amazon Flex выполняет все задачи, которые должны выполнять водители, в том числе

• планирование
• сканирование штрих-кодов на упаковках
• прокладка маршрута доставки
• повторное сканирование посылки в пункте выдачи
• предоставление фотодоказательства доставки

Водители для Amazon Flex работают в блоках расписания , что означает, что они должны заранее согласовать рабочее время, вовремя прибыть на станцию ​​доставки и выполнить все доставки в рамках запланированного блока. В этом видео на YouTube от Side Gig Guy рассказывается, как работают блоки расписания, и предлагаются общие советы по работе в Amazon Flex.

В этом видео показан процесс вождения для Amazon Flex и показаны все шаги, необходимые для успешного выполнения блока расписания.

Чтобы запланировать блок в качестве драйвера Flex, начните с выбора склада, с которого вы хотите работать. Затем приложение покажет вам, что доступно и сколько вам заплатят; затем выберите блок, который работает для вас.

Вы должны прибыть вовремя на запланированную блокировку, если хотите сохранить высокий рейтинг водителей в Amazon Flex. Когда вы прибудете в центр доставки, вам нужно будет отсканировать коды посылок в свое приложение.

Ожидается, что все товары будут доставлены в течение запланированного периода времени. Хотя это обычно не является проблемой, это может стать проблемой, в зависимости от количества элементов, трафика и других задержек. Если вы работаете сверх запланированного блока, вам не будут платить за дополнительное время, необходимое для завершения всех ваших поставок.

Если у вас возникнут проблемы, вы всегда можете получить помощь от Amazon Flex. В этом сообщении блога Gridwise описываются ситуации, когда вам может понадобиться связаться со службой поддержки Amazon Flex, и как вам лучше всего получить помощь.

Зная все это, вы будете готовы выйти и завершить доставку. Вот как отдельные доставки могут отображаться в приложении Amazon Flex:

Когда вы нажимаете на отдельные доставки, приложение направляет вас по адресу клиента.

Как видите, вы будете зависеть от своего приложения почти во всем, что делаете в качестве драйвера Flex. К счастью, у вас будет возможность узнать больше о том, как его использовать, как только вы зарегистрируетесь и будете приняты в качестве водителя. Однако во-первых, вам необходимо соответствовать стандартам драйверов Amazon Flex.

Требования к водителям Amazon Flex несколько отличаются от тех, которым вы должны соответствовать, чтобы ездить на такси или доставлять еду. Есть несколько вещей, которые следует учитывать, прежде чем вы даже подумаете о регистрации.

• При доставке посылок вам придется поднимать тяжести.
• Вам придется иметь дело с нахождением на улице в экстремальную погоду.
• Вы должны жить в городе, где работает Amazon Flex. Посетите веб-сайт Amazon, чтобы узнать, можно ли использовать Amazon Flex в вашем городе.
• В вашем регионе должны быть свободные места для водителей. Чтобы сделать работу в Amazon Flex желательной, компания ограничивает количество одобряемых водителей. Таким образом, они могут гарантировать, что для них будет достаточно работы. Будьте готовы к тому, что вас поставят в лист ожидания, если в вашем городе уже достаточно водителей.

После того, как вы преодолеете эти соображения, вам необходимо будет соответствовать следующим требованиям компании:

• быть в возрасте 21 года или старше
• иметь номер SocialSecurity
• пройти проверку биографических данных (уголовная и DMV)
• иметь действующие водительские права США

• иметь транспортное средство, достаточно большое для перевозки грузов, в частности, четырехдверный седан среднего размера или больше; за исключением Prime Now, который позволяет использовать любой надежный четырехдверный автомобиль
• иметь достаточную страховку на вашем автомобиле, помимо страховки, которую предоставляет Amazon, как показано на веб-сайте Amazon

.

• иметь подходящий смартфон, как показано в таблице ниже

Конечно, квалификация водителя Amazon Flex и работа с логистикой, связанной со сканированием и доставкой, когда вы находитесь на борту, могут показаться пугающими. Но есть действительно веская причина, почему так много водителей любят работать в Amazon Flex, и это связано с тем, как мы можем ответить на вопрос: сколько зарабатывают водители Amazon Flex?

Плата водителя Amazon Flex

Это правда. Водители Amazon Flex зарабатывают больше, чем большинство водителей такси и курьеров, по крайней мере, в том, что касается почасового дохода и дохода за доставку. В 2022 году данные Gridwise показали, что водители Amazon Flex в среднем получали 23,35 доллара в час. Это превышает ставки, получаемые водителями практически за любое другое приложение для совместного использования или доставки.

Однако некоторые другие факторы могут дать нам несколько иную картину. Ответим на этот вопрос:

Сколько водители Amazon Flex зарабатывают в неделю?

Как оказалось, водители Amazon Flex могут работать не более 40 часов в неделю. Водителям не назначают больше 8 часов работы в день, а в большинстве случаев и меньше. Если мы возьмем цифру 23,35 доллара в час и применим ее к полной 40-часовой неделе, очень занятый водитель Flex будет зарабатывать около 934 долларов в неделю. Более распространенным будет водитель, работающий около 30 часов в неделю, в результате чего потенциальная цифра 7-дневного рабочего дня снизится примерно до 700 долларов.

Исходя из этой цифры, сколько водители Amazon Flex зарабатывают в месяц?

Если мы снова посмотрим на максимальную цифру и в среднем четыре недели в месяц, очень занятый (и удачливый) водитель Amazon Flex может зарабатывать 3736 долларов в месяц. Однако более вероятная цифра, основанная на 30-часовой рабочей неделе, составит 2800 долларов.

Эти оценки очень высоки с точки зрения среднего количества часов фактической работы драйверов Amazon Flex. Этот пост Gridwise показывает, что средний водитель Flex заработал около 420 долларов за все месяц. Это означает, что в среднем большинство водителей Amazon Flex работали всего около 18 часов в месяц.

Эта цифра базовой почасовой оплаты, или $23,35, получена из фактических данных, собранных Gridwise. Другие источники сообщают более низкие цифры. По оценкам Indeed.com, средняя по стране почасовая оплата водителей Amazon Flex составляет 16,34 доллара США.

Если вы хотите получить подробную информацию об анализе доходов Amazon Flex, прочтите этот пост в блоге Gridwise.

Таким образом, получается, что, хотя средний почасовой заработок выше, чем у большинства других вакансий, максимальное количество часов работы большинства водителей Amazon Flex невелико. Однако есть способы максимизировать прибыль с помощью Amazon Flex, как показано в этой записи блога Gridwise. Кроме того, для водителей Flex доступны некоторые льготы. В этом посте Gridwise рассказывается о дополнительных услугах, которые может предложить Amazon.

Теперь, когда у нас есть краткое изложение того, что нужно для работы в Amazon Flex, и сколько вам, вероятно, будут платить, давайте изложим положительные и отрицательные стороны использования этого приложения для вашей работы.

Плюсы и минусы вождения на Amazon Flex

Как и любая работа в гиг-экономике, Amazon Flex имеет свои плюсы и причин, по которым вы, возможно, не захотите регистрироваться. Вот несколько интересных моментов, которые следует учитывать с обеих сторон уравнения.

Amazon Flex Perks	Amazon Flex Compacils
Необходимо мало межличностного взаимодействия	. могут быть ограничены доступными графиками
Солидная компания и надежный бизнес	Должен быть в состоянии выполнять умеренную или тяжелую работу
Дополнительные предложения, такие как Amazon Fresh и мгновенные предложения	Возможности доставки Amazon Fresh не распространены.
Водители используют собственные транспортные средства	Водители должны иметь транспортные средства достаточного размера, чтобы вместить посылки
Водители получают привилегии и скидки от Amazon	Водители должны иметь дополнительную страховку для вашей собственной безопасности драйверов Flex, чтобы не было слишком большой конкуренции	Водители являются независимыми подрядчиками и не получают компенсацию за топливо или корпоративные льготы

Использование Flex в вашей повседневной жизни

будь одним из них, тебе понадобится Gridwise. Это не только бесплатный трекер пробега Amazon Flex, Gridwise держит руку на пульсе того, что происходит в вашем регионе. Откройте для себя выгодное время, чтобы планировать свои блоки, чтобы вы могли зарабатывать больше за свои смены!

Gridwise также отслеживает доходы и расходы приложений для совместного использования и доставки еды, которые вы можете использовать в дополнение к такому приложению, как Flex. Добавьте скидку на бензин в размере 50 долларов в месяц, и вы начнете экономить много .

Загрузите приложение Gridwise!

Привилегии для водителей Amazon Flex: все, что вам нужно знать о привилегиях для водителей Flex

Привилегии являются частью большинства поездок за рулем, но мы все знаем, что некоторые из них лучше, чем другие. Могут быть даже некоторые программы, которые так что хорошо, они склоняют чашу весов, так что все хотят работать там только из-за привилегий!

Является ли Amazon Flex одной из таких компаний? В этом посте мы рассмотрим, что значит доставлять товары с помощью Amazon Flex, уделив особое внимание вознаграждениям Amazon Flex Rewards. Мы рассмотрим опыт работы с Flex и то, как программа вознаграждений влияет на удовлетворенность водителей и оплату водителей Amazon Flex.

Вот как мы оценим:

• Основы работы водителем Amazon Flex
• Сколько зарабатывают водители Amazon Flex?
• Вознаграждения Amazon Flex и другие привилегии
• Как заработать больше денег с помощью Amazon Flex

Основы работы водителем Amazon Flex целая куча драйверов Amazon Flex.

Выполняя свой долг, преодолевая «последнюю милю» по доставке посылок для Amazon, водители Flex используют собственные транспортные средства. Они, как и все гиг-работники, независимые подрядчики.

Flex существует с 2015 года, но Amazon усилил давление, чтобы нанять больше водителей Flex в 2019 году, когда компания изменила свою службу доставки Prime с двух дней до одного. Пандемия сделала водителей Amazon Flex еще более ценными, поскольку поток заказов клиентов создал спрос на водителей, чтобы доставить их к месту назначения.

Существует несколько различных способов работы драйверов Amazon Flex, но наиболее распространенным является выбор «блоков» и доставка пакетов из центра распространения. Вы можете узнать больше об Amazon Flex, в том числе о том, что нужно, чтобы стать водителем, в этой записи блога Gridwise.

Драйверы Flex выбирают блоки времени, когда они доступны для управления и доставки пакетов. Они обращаются в распределительный центр Amazon или в магазин и ждут своей очереди, часто в длинных очередях. Когда они добираются до начала очереди, они получают набор посылок для доставки в пределах временных окон своих блоков.

Водители говорят, что время от времени они находятся под большим давлением. На маршрутах, которые проходят через районы с интенсивным движением, может быть большое количество посылок. Это делает их задачу более чем сложной. Стресс возрастает по мере приближения окончания временного блока, особенно если не все посылки были доставлены. Основные потребности, такие как прием пищи, поддержание водного баланса и поиск мест, «куда пойти», должны быть отложены в сторону, чтобы все посылки могли быть доставлены до истечения срока. Прочитайте этот материал CNBC и посмотрите 2019видео, чтобы лучше понять, на что может быть похоже вождение для Flex.

У каждой работы водителем-гигантом есть свои плюсы и минусы, поэтому, хотя работа на Amazon Flex может быть немного более напряженной, чем кажется на первый взгляд, у нее есть и свои определенные плюсы. Одним из них является оплата водителя Amazon Flex.

Сколько зарабатывают водители Amazon Flex?

Amazon утверждает, что водители Flex зарабатывают от 18 до 25 долларов в час, и данные Gridwise подтверждают, что это довольно близко к действительности. В этом сообщении в блоге Gridwise вы можете увидеть, что средняя почасовая оплата Flex выросла с 21,78 до 23,35 долларов США за первые три месяца 2022 года. 

Сколько водители Amazon Flex зарабатывают в неделю? Это зависит от того, сколько блоков водители берут на себя в неделю. Поскольку между базой водителя, распределительным центром и маршрутом доставки могут быть значительные расстояния, не все водители могут работать более 3-4 часов в день.

Следующий логичный вопрос: сколько водители Amazon Flex зарабатывают в месяц? Данные Gridwise за первый квартал 2022 года показывают, что ответ обнадеживает. В марте 2022 года водители Flex по всей стране получали в среднем 419 долларов.0,50 за месяц. Однако этот рисунок показывает, что водители Flex в большинстве своем работают неполный рабочий день. Если мы возьмем месячную цифру и разделим ее на почасовую цифру в 23,35 доллара, мы обнаружим, что водители будут работать около 18 часов в месяц.

Несмотря на то, что почасовая оплата Amazon Flex стабильна, модель работы по 3 или 4 часа и доставки посылок в пункты назначения, которые могут привести к тому, что водители наберут много километров, могут означать, что у них не будет времени на работу. более одного-двух блоков в день. Вполне возможно, что многие водители Flex подрабатывают на этой работе в качестве подработки или в рамках более комплексной стратегии вождения, которая включает в себя другие способы заработка, такие как совместные поездки или доставка еды.

Однако нужно учитывать не только прямые ставки заработка. Что еще может предложить Amazon Flex?

Вознаграждения Amazon Flex и другие привилегии

Водители Amazon Flex имеют право зарабатывать баллы и получать привилегии только за выполнение блоков и доставку. Водители должны держать свои позиции на высоком уровне, показывая свои блоки и доставляя свои посылки. Водители будут получать больше очков за блок и доставку, поскольку их положение становится выше. Получите подробную информацию о распределении бонусных баллов по этой ссылке.

Вознаграждения, доступные водителям, включают

возврат денег за покупки с помощью дебетовой карты Amazon Flex. Водители могут получать до 500 долларов США наличными в месяц на оплату топлива и электромобилей, продуктов из Whole Foods, товаров с amazon.com и всего остального, что можно приобрести с помощью дебетовой карты. Они могут вносить средства на счет, связанный с дебетовой картой Amazon Flex, а также выбирать карту в качестве предпочтительного платежного счета для внесения доходов Flex. Проценты по сделкам возврата денег увеличиваются по мере того, как водители зарабатывают больше баллов и достигают более высоких уровней.

предпочтительное расписание. Водители могут лучше контролировать свое время, зарабатывая привилегии при планировании. По мере того, как они зарабатывают больше очков и поднимаются по уровням, на выбор блоков выделяется дополнительное время. Они также получат доступ к большему количеству блоков, которые соответствуют индивидуальным предпочтениям блоков, поскольку они зарабатывают больше очков.

скидки для водителей. По мере того, как они продолжают подниматься по уровням, водители получают право на все большее количество скидок на необходимые им товары, а также на другие потребительские товары и услуги. Amazon говорит, что доступны буквально тысячи скидок, больше, чем мы можем перечислить здесь.

Доступные награды и скидки не являются «бесплатными». Они связаны с производительностью водителя и объемом доставки. Если вы только изредка ездите на Amazon Flex, вы не сможете получить большую пользу от программы.

Если вы постоянный клиент, у вас есть много возможностей получить вознаграждение за ваш тяжелый труд. Тем не менее, учитывая, что водители Amazon Flex не получают чаевых и не получают дополнительных выплат, программа поощрений — это минимум того, что Amazon может сделать, чтобы показать свою признательность водителям Flex.

Как в такой ситуации водители Amazon Flex могут повысить свои шансы на высокий заработок?

Как заработать больше денег с помощью Amazon Flex

Лучше всего найти способы минимизировать свои расходы. Начните с приобретения лучшего из существующих средств отслеживания пробега Amazon Flex — Gridwise! Gridwise отслеживает ваши мили для целей налогового вычета, а также позволяет вам вводить все расходы, которые вы можете списать как водитель. Gridwise также отслеживает ваши доходы, поэтому вы можете видеть, сколько вы зарабатываете и сколько ваши расходы могут съедать ваш доход.

Вы также получите все эти сервисы, которые упростят работу с Amazon Flex:

• предупреждения о ситуации на дорогах
• бюллетени погоды
• информация о событиях
• предложения и скидки на бензин, страхование, техническое обслуживание автомобилей и многое другое – полный или неполный рабочий день, вы всегда будете иметь доступ к преимуществам Gridwise.