Не понимаю формулы расчетов с flex-grow и flex-shrink и зачем они нужны. Обсуждение реального создания сайта с flex эелементами.

Понятно, что обьяснения в одном месте не будут понятные всем, каждому подходит какое-то свое обьяснение.
Поэтому я ничего вообще не поняла в формуле. Во-первых, как она реально пригодится при создании сайтов, как ее использовать, зачем? Что с ней делать?
Давайте представим что мы создаем сайт с flex элементами, какие знания понадобятся для того чтобы правильно использовать flex контейнеры?

2 лайка

тоже интересно стало!!!???

1 лайк

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

  1. у нас в первом блоке есть 3 блока по 25px. Всего занято 75px
  2. Свободного места осталось 225px. Нам надо для первого блока добавить 25px значит
    логично это пространство разбить на число кратное 25.
  3. Делим 225 на 25(значение flex-grow у aside) получаем 9(это так для проверки) это и будет наше общее количество flex-grow.
    4. Итого наша формула:
    (новая ширина - начальная ширина aside) / значение flex-grow у aside= «один flex-grow»
    (50 - 25)/25=1
    (100-25)/25=3
    (150-25)/25=5
    Вот вроде и все. с flex-grow разобрался)
2 лайка

Ваше объяснение окончательно всё запутало)))

А откуда Вы взяли “новую ширину”? Поясните, пожалуйста, этот момент. Ваше объяснение менее запутанное, чем у академии, но до конца непонятно всё равно)