A first hands-on experience with HTML, CSS and JS. This project is based on my personal interest and for learning purposes. My (future) partner is my inspiration, so all thanks to her.
https://ecologytales.github.io/youandus/
Improvements pending:
- The image hover pop-ups of "Love, Build, Grow" changes position depending on the browser's window size and hides the subtitle. Make it anchored and resize the images depending on the viewport size.
- For hero iamges container of the main themes (e.g. LOVE), when the image scales, it overlays the titles below. Separate it.
- For the YT video, padding-top doesn't work despite code implementation.
- For the lyrics container, unable to align a bit further left.
- Should flex be applied to .video along with .video-container and .lyric-container?