Flex item exceeds its container

To achieve expected result, specify the width for the .flexible class as well

.flexible { 
    flex: 1 0 auto; 
    width: 200px;
    background-color: blue; 
    word-wrap: break-word;
}