Set auto height and width in CSS/HTML for different screen sizes

Question

I have 2 issues with this layout :

1. .feature_content (grey background) adapt it\'s height and width to different screen sizes

Answer 1

Using bootstrap with a little bit of customization, the following seems to work for me:

I need 3 partitions in my container and I tried this:

CSS:

.row.content {height: 100%; width:100%; position: fixed; }
.sidenav {
  padding-top: 20px;
  border: 1px solid #cecece;
  height: 100%;
}
.midnav {
  padding: 0px;
}

HTML:

  
 
    

    
Some content 1
    
Some content 2
    
Some content 3