For screen sizes 768px and below, a portion of landscape images in Lightbox mode are cutoff on the right side. This is detrimental for users as they cannot see the entire image within Lightbox mode.
A possible solution is to give a max-width of less than 100vw so the entire image can fit in the entire screen.
Steps to Reproduce
(This is just one example of an improperly sized image. This bug applies to all landscape images on any project page)
Visit site with a device with a width of 768px or less or use Dev Tools to emulate the website on a tablet or mobile device.
Click on the "Design" link in the navigation header.
Click on the "View Project" link within the "Linmon" project card.
Navigate to the image labelled "Linmon advertisement poster made using Adobe Dimension" and click on the image
Expected Result
User is able to view the entire image within Lightbox mode.
Actual Result
The right side of the image is cutoff within Lightbox mode.
Environments
All tablet and mobile environments across all modern browsers.
Description
For screen sizes 768px and below, a portion of landscape images in Lightbox mode are cutoff on the right side. This is detrimental for users as they cannot see the entire image within Lightbox mode.
A possible solution is to give a max-width of less than 100vw so the entire image can fit in the entire screen.
Steps to Reproduce
(This is just one example of an improperly sized image. This bug applies to all landscape images on any project page)
Expected Result
User is able to view the entire image within Lightbox mode.
Actual Result
The right side of the image is cutoff within Lightbox mode.
Environments
All tablet and mobile environments across all modern browsers.
Screenshots