<commit_before>/*
Apply this type of CSS if the width is smaller than 480px
*/
@media screen and (min-width: 490px){
  /***************************
  THE COLUME LAYOUT
  ***************************/
  
  #primary{
    float: left;
    width: 60%;
  }
  
  #secondary{
    float: right;
    width: 30%;
  }
  
  /***************************
  Porfolio Page
  ***************************/
  #githubSection{
    float: right;
    width: 40%;
  }
  #githubDescription{
    float: left;
    width: 60%;
  }
  #githubSymbol a img{
     margin: 10px 33%;
  }
 
  #githubSymbol p{
    padding: 0 15%; 
  }
  #tapHeroPicture {
    float: right;
    width: 30%;
  }
  /***************************
  About Page
  ***************************/
  
  .profile-picture{
    float: left;
    margin: 0 5% 20% 0;
  }
}

@media screen and (min-width: 680px){
  /***************************
  HEADER
  ***************************/
  
  nav {
    background: none;
    float: right;
    text-align: right;
    margin-right: 5%;
    width: 45%;
    font-size: 1.125em;
  }
  
  #logo {
    float: left;
    margin-left: 5%;
    text-align: left;
    width: 45%;
  }
  
  h1{
    font-size: 2.5em;
  }
  
  h2{
    font-size: 0.825em;
    margin-bottom: 20px;
  }
  
  header{
    border-bottom: 5px solid #599a68;
    margin-bottom: 60px;
  }
}
<commit_msg>update position<commit_after>/*
Apply this type of CSS if the width is smaller than 480px
*/
@media screen and (min-width: 490px){
  /***************************
  THE COLUME LAYOUT
  ***************************/
  
  #primary{
    float: left;
    width: 60%;
  }
  
  #secondary{
    float: right;
    width: 30%;
  }
  
  /***************************
  Porfolio Page
  ***************************/
  #githubSection{
    float: right;
    width: 40%;
  }
  #githubDescription{
    float: left;
    width: 60%;
  }
  #githubSymbol a img{
     margin: 10px 33%;
  }
 
  #githubSymbol p{
    padding: 0 15%; 
  }
  #tapHeroPicture{
    float: right;
    width: 30%;
  }
  
  #tapHeroPicture img{
    margin: 10px 10%;
  }
  /***************************
  About Page
  ***************************/
  
  .profile-picture{
    float: left;
    margin: 0 5% 20% 0;
  }
}

@media screen and (min-width: 680px){
  /***************************
  HEADER
  ***************************/
  
  nav {
    background: none;
    float: right;
    text-align: right;
    margin-right: 5%;
    width: 45%;
    font-size: 1.125em;
  }
  
  #logo {
    float: left;
    margin-left: 5%;
    text-align: left;
    width: 45%;
  }
  
  h1{
    font-size: 2.5em;
  }
  
  h2{
    font-size: 0.825em;
    margin-bottom: 20px;
  }
  
  header{
    border-bottom: 5px solid #599a68;
    margin-bottom: 60px;
  }
}

{'fraction_non_alphanumeric': 0.27102460521483657, 'fraction_numerical': 0.04480352552331987, 'mean_word_length': 2.4135338345864663, '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': '1023781', 'n_tokens_mistral': 1100, 'n_tokens_neox': 961, 'n_words': 230}