Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Respond quicker, adjust picture of self for very small devices

  • Loading branch information...
commit 25a69b7b96fb8948f653e13b9028533b03d906d3 1 parent a4611ed
Jeff Johnson authored

Showing 2 changed files with 25 additions and 5 deletions. Show diff stats Hide diff stats

  1. +12 3 css/main.css
  2. +13 2 css/main.scss
15 css/main.css
@@ -312,8 +312,11 @@ a, a:visited, a:hover {
312 312 font-size: 25px;
313 313 height: 20px; }
314 314 #container.sticky #sections {
315   - margin-top: 120px; } }
316   -@media only screen and (max-width: 720px) {
  315 + margin-top: 120px; }
  316 +
  317 + body {
  318 + font-size: 18px; } }
  319 +@media only screen and (max-width: 800px) {
317 320 /* Style adjustments for viewports that meet the condition */
318 321 .photo-display {
319 322 float: none;
@@ -347,7 +350,13 @@ a, a:visited, a:hover {
347 350 #container.sticky #nav-group a i {
348 351 float: none; }
349 352 #container.sticky #nav-group a span {
350   - display: none; } }
  353 + display: none; }
  354 +
  355 + body {
  356 + font-size: 15px; } }
  357 +@media only screen and (max-width: 600px) {
  358 + #header #right-aside {
  359 + float: none; } }
351 360 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
352 361 /* Style adjustments for high resolution devices */ }
353 362 /* ==========================================================================
15 css/main.scss
@@ -365,14 +365,18 @@ a, a:visited, a:hover {
365 365 margin-top: 120px;
366 366 }
367 367 }
  368 + body {
  369 + font-size: 18px;
  370 + }
368 371 }
369 372
370   -@media only screen and (max-width: 720px) {
  373 +@media only screen and (max-width: 800px) {
371 374 /* Style adjustments for viewports that meet the condition */
372 375 .photo-display {
373 376 float: none;
374 377 margin-top: 0;
375 378 }
  379 +
376 380 .subsection {
377 381 .copy {
378 382 width: 100%;
@@ -410,8 +414,15 @@ a, a:visited, a:hover {
410 414 }
411 415 }
412 416 }
  417 + body {
  418 + font-size: 15px;
  419 + }
  420 +}
  421 +@media only screen and (max-width: 600px) {
  422 + #header #right-aside {
  423 + float: none;
  424 + }
413 425 }
414   -
415 426 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
416 427 only screen and (min-resolution: 144dpi) {
417 428 /* Style adjustments for high resolution devices */

0 comments on commit 25a69b7

Please sign in to comment.
Something went wrong with that request. Please try again.