As when transferring one block to another line, the remaining stretch to full width?

Question

css

There are three divs on one line, the third one has a fixed minimum width. If three elements do not fit, the third one wraps to the next line, and the first two are stretched to the full width of the parent block. How to do? My troubles are here: jsfiddle.net/npk5L98m/4
You need to do it only on css.
upd. And without media requests.

Answer 1

Using media queries.

@media screen and (max-width: 640px) {
  .wrp1{
    min-width: 100%;  
}

forked your code)
you can play with the width