diff options
Diffstat (limited to 'frontend/src/css/Games.css')
| -rw-r--r-- | frontend/src/css/Games.css | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/frontend/src/css/Games.css b/frontend/src/css/Games.css index ec57a71..2fe5efa 100644 --- a/frontend/src/css/Games.css +++ b/frontend/src/css/Games.css | |||
| @@ -96,4 +96,52 @@ span>b { | |||
| 96 | .games-page-item-body-item-num { | 96 | .games-page-item-body-item-num { |
| 97 | font-size: 50px; | 97 | font-size: 50px; |
| 98 | font-family: BarlowCondensed-Bold; | 98 | font-family: BarlowCondensed-Bold; |
| 99 | } | ||
| 100 | |||
| 101 | @media screen and (max-width: 768px) { | ||
| 102 | .games-page { | ||
| 103 | left: 0; | ||
| 104 | width: 100%; | ||
| 105 | padding-top: 60px; | ||
| 106 | } | ||
| 107 | |||
| 108 | .games-page-item-content { | ||
| 109 | left: 20px; | ||
| 110 | width: calc(100% - 40px); | ||
| 111 | } | ||
| 112 | |||
| 113 | .games-page-header { | ||
| 114 | margin-top: 20px; | ||
| 115 | margin-left: 20px; | ||
| 116 | } | ||
| 117 | |||
| 118 | span>b { | ||
| 119 | font-size: 40px; | ||
| 120 | } | ||
| 121 | |||
| 122 | .games-page-item { | ||
| 123 | height: auto; | ||
| 124 | min-height: 200px; | ||
| 125 | } | ||
| 126 | |||
| 127 | .games-page-item-header { | ||
| 128 | height: 120px; | ||
| 129 | } | ||
| 130 | |||
| 131 | .games-page-item-body { | ||
| 132 | height: auto; | ||
| 133 | padding: 10px 0; | ||
| 134 | } | ||
| 135 | |||
| 136 | .games-page-item-body-item { | ||
| 137 | height: 80px; | ||
| 138 | } | ||
| 139 | |||
| 140 | .games-page-item-body-item-title { | ||
| 141 | font-size: 20px; | ||
| 142 | } | ||
| 143 | |||
| 144 | .games-page-item-body-item-num { | ||
| 145 | font-size: 36px; | ||
| 146 | } | ||
| 99 | } \ No newline at end of file | 147 | } \ No newline at end of file |