Style.css

body {
  background-color: #3cba54;
  height: 600px;
  padding: 50px;
}

nav {
  background-color: black;
  color: white;
}

footer {
  background-color: silver;
  border-top: 1px;
}

/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  background-color: #f1f1f1;
  height: 100%;
}
/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height:auto;} 
}

output {
  display: inline;
}

img {
  width: 25%;
  height: 10%;
}