diff options
Diffstat (limited to 'public/css/head.css')
| -rw-r--r-- | public/css/head.css | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/public/css/head.css b/public/css/head.css index 4df68ba..b5acfec 100644 --- a/public/css/head.css +++ b/public/css/head.css | |||
| @@ -47,7 +47,7 @@ header h2 | |||
| 47 | font-size: medium; /* défaut = x-large */ | 47 | font-size: medium; /* défaut = x-large */ |
| 48 | margin: 10px; | 48 | margin: 10px; |
| 49 | } | 49 | } |
| 50 | @media screen and (max-width: 1000px){ | 50 | @media screen and (max-width: 1024px){ |
| 51 | header h1, header h2 | 51 | header h1, header h2 |
| 52 | { | 52 | { |
| 53 | margin: 8px; | 53 | margin: 8px; |
| @@ -119,8 +119,12 @@ header a | |||
| 119 | border-radius: 10px; | 119 | border-radius: 10px; |
| 120 | padding: 5px; | 120 | padding: 5px; |
| 121 | } | 121 | } |
| 122 | .header_content | ||
| 123 | { | ||
| 124 | padding: 20px 0; | ||
| 125 | } | ||
| 122 | 126 | ||
| 123 | @media screen and (max-width: 1000px){ | 127 | @media screen and (max-width: 1024px){ |
| 124 | .header_content | 128 | .header_content |
| 125 | { | 129 | { |
| 126 | padding: 15px 0; | 130 | padding: 15px 0; |
| @@ -130,20 +134,25 @@ header a | |||
| 130 | max-width: 160px; | 134 | max-width: 160px; |
| 131 | } | 135 | } |
| 132 | } | 136 | } |
| 133 | @media screen and (max-width: 800px){ | 137 | @media screen and (max-width: 768px){ |
| 134 | .header_content | 138 | .header_content |
| 135 | { | 139 | { |
| 136 | grid-template-columns: 2fr 1fr; /* on vire la colonne de gauche et on permet au deux autres de "se pousser" si besoin */ | 140 | /*grid-template-columns: 2fr 1fr;*/ /* on vire la colonne de gauche et on permet au deux autres de "se pousser" si besoin */ |
| 137 | padding: 10px; | 141 | /*padding: 10px;*/ |
| 142 | display: block; | ||
| 143 | max-width: 65%; | ||
| 144 | margin: auto; | ||
| 138 | } | 145 | } |
| 139 | .header_left_col | 146 | .header_left_col |
| 140 | { | 147 | { |
| 141 | display: none; | 148 | display: none; |
| 142 | } | 149 | } |
| 143 | } | 150 | } |
| 144 | @media screen and (max-width: 600px){ | 151 | @media screen and (max-width: 480px){ |
| 145 | .header_content | 152 | .header_content |
| 146 | { | 153 | { |
| 147 | display: block; | 154 | /*display: block;*/ |
| 155 | max-width: 100%; | ||
| 156 | padding: 10px; | ||
| 148 | } | 157 | } |
| 149 | } \ No newline at end of file | 158 | } \ No newline at end of file |
