make roadmap bigger
1 file changed, +6 -1
+6-1twench_landing_page/components/RoadMapSection/RoadMapSection.css
| @@ -29,7 +29,8 @@ | ||
| 29 | 29 | |
| 30 | 30 | .RoadMapSection li { |
| 31 | 31 | @apply text-[10px] text-shadow w-[120px]; |
| 32 | - @apply text-[14px] w-[150px]; | |
| 32 | + @apply 424:text-[14px] 424:w-[150px]; | |
| 33 | + @apply 902:text-[20px] 902:w-[300px]; | |
| 33 | 34 | list-style-type: disc; |
| 34 | 35 | } |
| 35 | 36 | |
| @@ -42,18 +43,21 @@ | ||
| 42 | 43 | background: url("/images/roadmap/soldier.jpg") no-repeat center center/cover; |
| 43 | 44 | @apply size-[100px] transform rotate-[9.39deg] border-black border-2; |
| 44 | 45 | @apply 424:size-[150px]; |
| 46 | + @apply 902:size-[200px]; | |
| 45 | 47 | } |
| 46 | 48 | |
| 47 | 49 | .RoadMapSection .Container .Tnt { |
| 48 | 50 | background: url("/images/roadmap/tnt.jpg") no-repeat center center/cover; |
| 49 | 51 | @apply size-[100px] transform rotate-[-9.21deg] border-black border-2; |
| 50 | 52 | @apply 424:size-[150px]; |
| 53 | + @apply 902:size-[200px]; | |
| 51 | 54 | } |
| 52 | 55 | |
| 53 | 56 | .RoadMapSection .Container .Jetpack { |
| 54 | 57 | background: url("/images/roadmap/jetpack.jpg") no-repeat center center/cover; |
| 55 | 58 | @apply size-[100px] transform rotate-[9.09deg] border-black border-2; |
| 56 | 59 | @apply 424:size-[150px]; |
| 60 | + @apply 902:size-[200px]; | |
| 57 | 61 | } |
| 58 | 62 | |
| 59 | 63 | .RoadMapSection .Container .Wallstreet { |
| @@ -61,4 +65,5 @@ | ||
| 61 | 65 | center/cover; |
| 62 | 66 | @apply size-[100px] transform rotate-[-8.37deg] border-black border-2; |
| 63 | 67 | @apply 424:size-[150px]; |
| 68 | + @apply 902:size-[200px]; | |
| 64 | 69 | } |