Describe the bug
The upload video layout is not properly structured. The components should be displayed in a single column using flex-col, but they are currently misaligned or arranged incorrectly.
To Reproduce
Steps to reproduce the behavior:
- Go to the video upload section.
- Observe the current layout of the upload components.
- Notice that the elements are not in a single column format.
Expected behavior
The upload section should have the following components arranged in a single column using flex-col:
- Video Preview
- Thumbnail Preview
- Upload Video
- Upload Thumbnail
- Title
- Description
- Submit button
Screenshots
(Add screenshots if applicable)
Desktop Responsive (please complete the following information):
- OS: [e.g. Windows 11, macOS]
- Browser: [e.g. Chrome, Firefox]
- Version: [e.g. 119.0]
Smartphone Responsive (please complete the following information):
- Device: [e.g. iPhone 13, Samsung Galaxy S22]
- OS: [e.g. iOS 17, Android 14]
- Browser: [e.g. Safari, Chrome]
- Version: [e.g. 22]
Additional context
- Ensure the layout follows a consistent design.
- Use Tailwind's
flex flex-col for proper vertical alignment.
- Ensure responsiveness across all screen sizes.
Describe the bug
The upload video layout is not properly structured. The components should be displayed in a single column using
flex-col, but they are currently misaligned or arranged incorrectly.To Reproduce
Steps to reproduce the behavior:
Expected behavior
The upload section should have the following components arranged in a single column using
flex-col:Screenshots
(Add screenshots if applicable)
Desktop Responsive (please complete the following information):
Smartphone Responsive (please complete the following information):
Additional context
flex flex-colfor proper vertical alignment.