<commit_before>/* You'll want to make the site responsive and nice looking here. Have fun!*/

@media screen and (min-width: 400px) {

  #wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 400px;
    background: url("http://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-6-full.jpg") repeat;
    color:black;
    font-size: 2em;
  }

  #side-a ul{
    list-style-type:none;
  }

  a {
    color:black;
  }

  #header {
    margin: 2px;
    background: black;
    color: white;
  }

  #side-a {
    float: auto;
    width: 16%;
  }

  #side-a li{
    padding-top: 2%;
  }

  #side-b {
    float: auto;
    width: 0%;
  }

  #content {
    float: auto;
    width: 68%;
  }

  #content img {
    max-width: 100%;
  }

  #footer {
    clear: both;
    background: #A2A2A2;
  }

}

@media screen and (min-width: 900px) {

  #wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 960px;
    background: url("http://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-6-full.jpg") repeat;
    color:black;
    font-size: 2em;
  }

  #side-a ul{
    list-style-type:none;
  }

  a {
    color:black;
  }

  #header {
    margin: 15px;
    background: black;
    color: white;
  }

  #side-a {
    float: left;
    width: 16%;
  }

  #side-a li{
    padding-top: 2%;
  }

  #side-b {
    float: right;
    width: 0%;
  }

  #content {
    float: left;
    width: 68%;
  }

  #content img {
    max-width: 100%;
  }

  #footer {
    clear: both;
    background: #A2A2A2;<commit_msg>Practice with media queries<commit_after>/* You'll want to make the site responsive and nice looking here. Have fun!*/

@media screen and (min-width: 1200px) {
  #wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 80%;
    background: url("http://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-6-full.jpg") repeat;
    color:black;
    font-size: 2em;
  }

  #side-a ul{
    list-style-type:none;
  }

  a {
    color:black;
  }

  #header {
    margin: 0 0 15px 0;
    background: black;
    color: white;
  }

  #side-a {
    float: left;
    width: 15.625%;
  }

  #side-a li{
    padding-top: 20px;
  }

  #side-b {
    float: right;
    width: 15.625%;
  }

  #content {
    float: left;
    width: 68%;
  }

  #content img {
    width: 100%;
  }

  #footer {
    clear: both;
    background: #A2A2A2;
  }

}

@media screen and (min-width: 800px) {
  #wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 80%;
    background: url("http://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-6-full.jpg") repeat;
    color:black;
    font-size: 1em;
  }

  #side-a ul{
    list-style-type:none;
  }

  a {
    color:black;
  }

  #header {
    margin: 0 0 15px 0;
    background: black;
    color: white;
  }

  #side-a {
    width: 90%;
    margin-left: 5%;
    text-align: center;
  }

  #side-a li {
    padding-top: 20px;
    display: inline-block;
  }

  #side-b {
    width: 90%;
    margin: 5%;
  }

  #content {
    margin: auto;
    width: 90%;
    margin-left: 5%;
  }

  #content img {
    width: 100%;
  }

  #footer {
    clear: both;
    background: #A2A2A2;
{'fraction_non_alphanumeric': 0.15268817204301074, 'fraction_numerical': 0.04331797235023042, 'mean_word_length': 2.0804162724692525, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7473446', 'n_tokens_mistral': 1455, 'n_tokens_neox': 1288, 'n_words': 290}