www/css/user.css

   1 * {
   2     box-sizing: border-box;
   3 }
   4 body {
   5     display: flex;
   6     height: 100%;
   7     margin: 0px;
   8     background-color: #EEF;
   9 }
  10 h1 {
  11     flex: 1 1 50%;
  12     align-self: stretch;
  13     text-align: right;
  14     margin-top: auto;
  15     margin-bottom: auto;
  16     order: 1;
  17 }
  18 #img {
  19     flex: 1 1 50%;
  20     align-self: stretch;
  21     text-align: center;
  22     margin: auto;
  23     order: 2;
  24 }
  25 img {
  26     width: 100%;
  27     height: auto;
  28     max-width: 50%;
  29     max-height: 50%;
  30 }
  31
  32 @media all and (max-width: 640px) {
  33     body {
  34         flex-flow: column;
  35     }
  36     h1 {
  37         text-align: center;
  38     }
  39     #img {
  40         order: 0;
  41     }
  42     img {
  43         height: 50%;
  44         width: auto;
  45         margin-top: 13%;
  46     }
  47 }