Showing
1 changed file
with
18 additions
and
5 deletions
| ... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
| 66 | /*grid안에 #article */ | 66 | /*grid안에 #article */ |
| 67 | } | 67 | } |
| 68 | 68 | ||
| 69 | - @media (min-width:300px) and (max-width:480px){ | 69 | + @media (min-width:300px) and (max-width:700px){ |
| 70 | #grid | 70 | #grid |
| 71 | { | 71 | { |
| 72 | display: block; | 72 | display: block; |
| ... | @@ -81,10 +81,13 @@ | ... | @@ -81,10 +81,13 @@ |
| 81 | ol | 81 | ol |
| 82 | { | 82 | { |
| 83 | border-right:none; | 83 | border-right:none; |
| 84 | + margin-left:35px; | ||
| 85 | + padding-left:60px; | ||
| 84 | } | 86 | } |
| 85 | - #category | 87 | + #grid #category |
| 86 | { | 88 | { |
| 87 | border-bottom: 1px solid gray; | 89 | border-bottom: 1px solid gray; |
| 90 | + | ||
| 88 | } | 91 | } |
| 89 | 92 | ||
| 90 | #grid ol | 93 | #grid ol |
| ... | @@ -92,23 +95,27 @@ | ... | @@ -92,23 +95,27 @@ |
| 92 | padding-left: 40px; | 95 | padding-left: 40px; |
| 93 | margin:0; | 96 | margin:0; |
| 94 | font-size: 15px; | 97 | font-size: 15px; |
| 98 | + | ||
| 95 | } | 99 | } |
| 96 | #grid li | 100 | #grid li |
| 97 | { | 101 | { |
| 98 | padding-top: 10px; | 102 | padding-top: 10px; |
| 99 | padding-bottom: 10px; | 103 | padding-bottom: 10px; |
| 100 | font-size:15px; | 104 | font-size:15px; |
| 105 | + | ||
| 101 | } | 106 | } |
| 102 | #grid #article | 107 | #grid #article |
| 103 | { | 108 | { |
| 104 | padding-top: 10px; | 109 | padding-top: 10px; |
| 105 | padding-bottom: 10px; | 110 | padding-bottom: 10px; |
| 106 | padding-left: 20px; | 111 | padding-left: 20px; |
| 112 | + | ||
| 107 | /*grid안에 #article */ | 113 | /*grid안에 #article */ |
| 108 | } | 114 | } |
| 109 | } | 115 | } |
| 110 | 116 | ||
| 111 | - @media (min-width:480px) and (max-width:800px){ | 117 | + @media (min-width:700px) and (max-width:1024px){ |
| 118 | + | ||
| 112 | #grid | 119 | #grid |
| 113 | { | 120 | { |
| 114 | display: block; | 121 | display: block; |
| ... | @@ -123,11 +130,15 @@ | ... | @@ -123,11 +130,15 @@ |
| 123 | ol | 130 | ol |
| 124 | { | 131 | { |
| 125 | border-right:none; | 132 | border-right:none; |
| 126 | - | 133 | + margin-left:35px; |
| 134 | + padding-left:60px; | ||
| 135 | + display: inline-block; | ||
| 127 | } | 136 | } |
| 128 | - #category | 137 | + #grid #category |
| 129 | { | 138 | { |
| 130 | border-bottom: 1px solid gray; | 139 | border-bottom: 1px solid gray; |
| 140 | + text-align: center; | ||
| 141 | + list-style-position: inside; | ||
| 131 | } | 142 | } |
| 132 | 143 | ||
| 133 | #grid ol | 144 | #grid ol |
| ... | @@ -135,6 +146,7 @@ | ... | @@ -135,6 +146,7 @@ |
| 135 | padding-left: 40px; | 146 | padding-left: 40px; |
| 136 | margin:0; | 147 | margin:0; |
| 137 | font-size: 15px; | 148 | font-size: 15px; |
| 149 | + | ||
| 138 | } | 150 | } |
| 139 | #grid li | 151 | #grid li |
| 140 | { | 152 | { |
| ... | @@ -147,6 +159,7 @@ | ... | @@ -147,6 +159,7 @@ |
| 147 | padding-top: 10px; | 159 | padding-top: 10px; |
| 148 | padding-bottom: 10px; | 160 | padding-bottom: 10px; |
| 149 | padding-left: 20px; | 161 | padding-left: 20px; |
| 162 | + text-align: center; | ||
| 150 | /*grid안에 #article */ | 163 | /*grid안에 #article */ |
| 151 | } | 164 | } |
| 152 | 165 | ... | ... |
-
Please register or login to post a comment