Permalink
Browse files

More styling for mobile

  • Loading branch information...
1 parent e6a5a4b commit fc718200ca7748da30bc75e0909b591436027fb3 @jkao committed May 25, 2013
Showing with 25 additions and 21 deletions.
  1. +5 −4 assets/css/styles.css
  2. +20 −17 index.html
View
@@ -15,18 +15,19 @@ body{margin:10px}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
+ color: #fff;
display: block;
font-size: 11px;
- color: #fff;
- height: 550px;
+ max-width: 420px;
+ min-width: 300px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
position: absolute;
right: 30px;
- top: 30px;
- width: 420px;
+ top: 20px;
+ width: 60%;
word-wrap: break-word;
}
View
@@ -51,25 +51,28 @@
Interesting ( ? ) Links:
</p>
- <ul class="links">
- <li>
- <a href="http://jeff-kao.com/resume.html" target="_blank">resume</a>
- </li>
- </ul>
- <ul class="links">
- <li>
- <a href="https://twitter.com/j_ckao" target="_blank">twitter</a>
- </li>
- <li>
- <a href="https://github.com/jkao" target="_blank">github</a>
- </li>
- <li>
- <a href="http://www.linkedin.com/profile/view?id=65997901" target="_blank">linkedin</a>
- </li>
- </ul>
+ <div>
+ <ul class="links">
+ <li>
+ <a href="http://jeff-kao.com/resume.html" target="_blank">resume</a>
+ </li>
+ </ul>
+ <ul class="links">
+ <li>
+ <a href="https://twitter.com/j_ckao" target="_blank">twitter</a>
+ </li>
+ <li>
+ <a href="https://github.com/jkao" target="_blank">github</a>
+ </li>
+ <li>
+ <a href="http://www.linkedin.com/profile/view?id=65997901" target="_blank">linkedin</a>
+ </li>
+ </ul>
+ <br />
+ </div>
</div>
- <!-- JavaScript depedencies -->
+ <!-- JavaScript dependencies -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.3/jquery.backstretch.min.js"></script>
<script>

0 comments on commit fc71820

Please sign in to comment.