take height out of video
1 file changed, +5 -3
+5-3twench_landing_page/components/VideoSection/VideoSection.css
| @@ -3,11 +3,13 @@ | ||
| 3 | 3 | } |
| 4 | 4 | |
| 5 | 5 | .VideoSection .Preview { |
| 6 | - @apply w-[290px] h-[166px] bg-black border-4 border-primary rounded-md left-1/2 absolute transform -rotate-12 -translate-y-1/2 -translate-x-1/2 cursor-pointer overflow-hidden; | |
| 6 | + @apply w-[290px] bg-black border-4 border-primary rounded-md left-1/2 absolute transform -rotate-12 -translate-y-1/2 -translate-x-1/2 cursor-pointer overflow-hidden; | |
| 7 | + @apply 552:w-[400px]; | |
| 8 | + @apply 1100:w-[600px]; | |
| 7 | 9 | } |
| 8 | 10 | |
| 9 | 11 | .VideoSection .Preview video { |
| 10 | - width: 100%; | |
| 12 | + /* width: 100%; | |
| 11 | 13 | height: 100%; |
| 12 | - object-fit: cover; /* Ensures the video covers the entire box */ | |
| 14 | + object-fit: cover; */ | |
| 13 | 15 | } |