chore: hero section look on mobile screens (WEB-25)
Closed this issue · 2 comments
The design on desktop is great but this is not ideal for mobile view. For mobile view we would want The text to be reduced in size and instead of the video playing (This is being hidden with WEB-23) we should have an image. The image is at public\assets\mobileHeroImage.png.
The font should be 34px and everything else remaining the same. Text should remain on the left side while the image is on the right. It should look like this
Reference the figma doc in the read me if you need it.
Hey Danny, I've noticed that the mobile view doesn't align with what's discussed in this thread/issue. There seems to be a challenge with fitting all the intended content into the mobile layout. I'm willing to explore and make adjustments to the layout and CSS for a better mobile experience. However, I'm unsure whether I should start making changes directly or wait for your guidance. Should I go ahead and propose mobile-specific edits through a pull request, or would you prefer to discuss this first?
@Brayheart Hey! Not sure I understand. this ticket is to change the font and hide the video area on mobile and show a still image instead. Just for reference, I just coded this to show what I am talking about. Not a lot of code to do this.
