w02d02_homework_solutions - Supply - CSS file

w02d02_homework_solutions.css

/***********************************
For testing only
************************************/
/** {
  border: 1px solid gold;
}*/

/***********************************
General
************************************/
#container{
  width: 96%;
  margin: auto;

}
/***********************************
Sidebar
************************************/
#sidebar {
  margin-top: 300px;
  max-width:14%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

#sidebar img {
  max-width: 23%;
  opacity: .30;
}

/***********************************
Content
************************************/
#content{
  max-width:79%;
  height: auto;
  display: inline-block;
}

#content div{
  display: inline-block;
}

#row3 {
  margin-bottom: 2em;
}

div .one {
  max-width: 100%;
}

div .two {
  max-width: 49%;
  display: inline-block;
}

div .three {
  width: 32%;
  display: inline-block;
  float: left;
}

div .three:first-child{
  margin-right: .8em;
}

div .right {
  float: right;
}

/***********************************
Images
************************************/

img {
  max-width: 100%;
}