flex-shrink, flex-grow, flex-basis


#1

Подскажите, пожалуйста, нет ли в интернете интересной статьи, в которой будет понятно описаны данные свойства?


#2

Пока ничего не нашел


#3

Давай сделаем проще - напиши, что тебе непонятно в логике работы этих свойств.


#4

В основном, непонятны принципы работы шринка и басиса. Для чего они нужны, как и когда их использовать?


#5

Рассказать браузеру, как себя ведут флекс-элементы внутри контейнера.
Ок, попробуй посмотреть вот это:


#6

Ок, спасибо большое


#7

Ну-с, как там дела с flexbox?


#8

я вроде понял что да как. Но все равно так и не дошло до меня как использовать flex-basis
Сейчас начал изучать весь курс сначала, поэтому не увидел вашего ответа.


#9

Пришло тут по рассылке в телеге:

Подборка статей про flexbox.

Разница между width и flex-basis: https://medium.com/@stasonmars/f34e658ce6a2
Как работает flex-shrink в CSS: https://medium.com/@stasonmars/c41e40767194
Как работает Flex-grow в CSS: https://medium.com/@stasonmars/557d406be844


#10
то чувство, когда думал, что понимал флексбоксы


#11

Для меня откровением когда-то стала вот эта статья:


#13

спасибо большое, как дойду до флексов снова, обязательно прочитаю. Начал изучать все с самого начала.


#14

Дружище, это как?


#15

Ну, вот забылись некоторые темы, начал все с селекторов (прошу прощения, не с самого начала).