Padding-bottom/top in flexbox layout

Question

I have a flexbox layout containing two items. One of them uses padding-bottom :

Answer 1

    

      

        

      
    
  

.flex-child{
   height:100%;
}
.padd{
   padding-top:100% /* write 100%, or instead your value*/;
}