I’m trying to display an image centered and resized by CSS (max-width / max-height, flex). 

This is working fine in Chrome but not in Firefox. What’s wrong?



a {
  border: 1px solid red;
  display: flex;
  height: 100px;
  width: 100px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 5px;
}
img { 
  max-width: 100%;
  max-height: 100%;
  border: 1px solid green;
}
&lt;a class="frame"&gt;
    &lt;img src="http://placehold.it/500x150"/&gt;
&lt;/a&gt;




See: http://jsfiddle.net/ymLb50w0/2/


Question: Lock for extremely frequent use
Answer: For frequent use, I think it is hard to beat a lock that is built into the bike, e.g. the Axa Defender that is fixed to the fame of the bike and then locks the wheel; it also has a cable that you can use to lock the bike to the bake stand.  It’s great for a lock on a “everyday” bike, as you can’t forget to take it with you.