We are working to improve the playlist page with the header and the album cover. The designer I am working with has made some changes to the code to move the cover away from the label logo in the header. This has resulted in an image for the cover that is too small, generally speaking.
Do you have a suggestion that will allow us to make the cover image larger and at the same time nicely spaced away from the header to look good?
We are also mindful of issues of portability to different screen sizes and resolutions.
Any advice is appreciated.
Attaching two images - the smaller cover is after the mod to the code. The larger cover is the problem we are trying to solve - the overlap (does not look good).
A third image is attached. This one is in the player, and the masking (black) of one of the cover images. Is there a way to fix this other issue?
Hello Max and team:
We are working to improve the playlist page with the header and the album cover. The designer I am working with has made some changes to the code to move the cover away from the label logo in the header. This has resulted in an image for the cover that is too small, generally speaking.
Do you have a suggestion that will allow us to make the cover image larger and at the same time nicely spaced away from the header to look good?
We are also mindful of issues of portability to different screen sizes and resolutions.
Any advice is appreciated.
Attaching two images - the smaller cover is after the mod to the code. The larger cover is the problem we are trying to solve - the overlap (does not look good).
A third image is attached. This one is in the player, and the masking (black) of one of the cover images. Is there a way to fix this other issue?
Many thanks for your help.
Hi Robert,
Please try this code:
.albumCover {
top: calc(50% + 100px );
}
Thanks,
Alexandre from the Sonaar.io Crew
Thank you, Alexandre! Very helpful!