huncholanebuy page almost responsive
huncholane1 file changed, +4 -1
+4-1twench_landing_page/components/BuySection/BuySection.css
| @@ -4,16 +4,19 @@ | ||
| 4 | 4 | |
| 5 | 5 | .BuySection .Content { |
| 6 | 6 | @apply relative w-[320px] h-[550px] bg-red-500 top-[125px] left-[50%] transform -translate-x-1/2; |
| 7 | + @apply 552:w-[520px]; | |
| 7 | 8 | } |
| 8 | 9 | |
| 9 | 10 | .BuySection .Title { |
| 10 | 11 | @apply text-2xl leading-none top-[0] absolute w-full text-center; |
| 12 | + @apply 844:right-1/2 844:left-0 844:w-auto 844:text-4xl 844:top-[120px]; | |
| 11 | 13 | } |
| 12 | 14 | |
| 13 | 15 | .BuySection .Bulletin { |
| 14 | 16 | background: url("/images/bulletin.png") no-repeat; |
| 15 | 17 | background-size: contain; |
| 16 | 18 | @apply absolute w-[300px] h-[480px] top-[35px] left-[50%] transform -translate-x-1/2; |
| 19 | + @apply 844:absolute 844:w-[400px] 844:h-[480px] 844:top-[0px] 844:left-[50%] 844:translate-x-0; | |
| 17 | 20 | } |
| 18 | 21 | |
| 19 | 22 | .Bulletin .Text { |
| @@ -25,5 +28,5 @@ | ||
| 25 | 28 | } |
| 26 | 29 | |
| 27 | 30 | .BuySection .CopyBtn { |
| 28 | - @apply border-black hover:brightness-150 cursor-pointer border-2 bg-primary text-white absolute rounded-full bottom-[20px] px-3 py-1 text-[30px] text-nowrap left-1/2 transform -rotate-[2.8deg] -translate-x-1/2; | |
| 31 | + @apply border-black hover:brightness-150 cursor-pointer border-2 bg-primary text-white absolute rounded-full bottom-[0px] px-3 py-1 text-[30px] text-nowrap left-1/2 transform -rotate-[2.8deg] -translate-x-1/2; | |
| 29 | 32 | } |