I need to make my four columns classes to 100% height of container height. But I didn't find a example, which works. How should I add css for container and four columns classes to make the children div height the same like father?

   

    

      
{{$restaurant->restourant_name}}
      
 {{$restaurant->restourant_address}}
      
Tel. {{$restaurant->restaurant_phone}}
      
{{ trans('restaurant.map') }}
    

    

      

        

          
        
        

          

         {{ trans('restaurant.work_hours') }}
          
          

          @if ($restaurant->work_start == null )
           {{ trans('restaurant.closed') }}
          @else
            {{substr($restaurant->work_start,0,-3)}} - {{substr($restaurant->work_end,0,-3)}}
          @endif
          
        
      
      

        

          
        
        

          

         {{ trans('restaurant.delivery_hours') }}
          
          

          @if ($restaurant->delivery_start == null )
           {{ trans('restaurant.no_delivery') }}
          @else
            {{substr($restaurant->delivery_start,0,-3)}} - {{substr($restaurant->delivery_end,0,-3)}}
          @endif
          
        
      
    
 

.container {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box; }