CSSтеги flex блоктордун кысылышына ата-энесинин туурасынын пайыздык таасири

Азыр бизде катарда жайгашкан беш флекс-элемент бар болсун. Ата-энесине туурасын пайыздар менен берип көрөлү, ал эми бардык тукумдарына 100px туурасын коёлу.

Төмөндөгү мисалды ачып, элементтер ата-энесине сыйбай калганча браузердин терезесин кичирейтиңиз. Бул үчүн терезени 500pxден азыраак кыскартуу керек, анткени бизде 5 элементтин ар бири 100px. Өзүңүз билгендей, мындай кысылууда браузер элементтердин туурасын 100pxден томонкураак кысууга мажбурлайт, алар ата-энесине сыйыш үчүн. Ошентип, мына мисал: