Images behind block on resize

usnationalarchives / nara-bia-photos

0 stars 0 forks source link

Images behind block on resize #212

Closed lizzycederberg closed 3 years ago

lizzycederberg commented 3 years ago

Steps to reproduce: Resize the screen, small then larger Actual result: Images end up behind the explore green block Expected result: no images behind main blocks

Issue resolved? Notify reporter via Marker.io

More Info

Reported by: Miran (miran.grujic@nara.gov)

Source URL: https://nara-bia-photos.herokuapp.com/

Browser	Chrome 86.0.4240.111
Screen Size	1707 x 960
OS	Windows 10
Viewport Size	1494 x 785
Zoom Level	100%
Pixel Ratio	@1.5x

matbrady commented 3 years ago

@lizzycederberg the images behind the promos is expected and somewhat necessary to implement this layout. It would require a decent amount to refactor this so that the overlapping does not occur. Since images are reandomized on load and user have the fidelity slider, hiding some images at certain times does not seems like an issue. However, the misalignment is worth looking into.