flex UI #1 메뉴와 #4 메시지리스트 #7 카드리스트 질문있습니다!

안녕하세요 강사님! 

flex UI #1 메뉴 에서 flex-grow는 자식요소 정렬한 뒤 100%로 늘리기 위해서 사용하면 

IE에서 일부 지원이 되지 않는 것이 있으니 %로 사용하는 방향으로 이해를 했는데요.

flex UI #4 메시지리스트 수업에서는 좌측의 이미지 너비를 줄어들지 않게 하기 위해서

flex-shrink를 사용하셨던데 이것은 IE에서 지원이 가능한건가요? 

#7 카드리스트에는 

<figure class="card-img" style="background-image: url(ryon.png);">
     <img src="ryon.png" alt="라이언">
</figure>

구조를 짠 뒤 css에서 img를 none 처리 하는 이유가 무엇인지 궁금합니다. :D

감사합니다!!