Just a note about the topic of flexbox. Since i have learned about it in chapter 5 I started to use flexbox layout extensively, everything worked well except for flex shrink. Several times i expected that a flex item started to shrink due to flex shrink, but it didn't.

After a few research on the internet i found out that the cause was something called "minimum sizing algorithm of flex items" thanks to the following stackoverflow post
https://stackoverflow.com/questions/36247140/why-doesnt-flex-item-shrink-past-content-size