RaiIsNotYourGuy opened a new pull request #992: URL: https://github.com/apache/apisix-website/pull/992
Resized images in right-pane to no longer skew and centered. Fixes: #983 ### Changes: File: features.jsx - Changed ```right-pane``` height from ```100vh``` to ```70vh``` to give the image an approx. 1:1 scaling. - Added ```top: 60px``` to ```right-pane``` center the image closer to the middle due to resizing causing the image to position closer to the top of the page & to allow for the images to have extra room for the bottom portion of the images, due to the drop-shadow being cut off. File: customTheme.css - Added ```bottom: 20px``` to ```.imagePosition``` to remove the cutting of the drop-shadow at the bottom of the images. These changes do not affect the layout on mobile. Screenshots of the change: ### Before:   ### After: <img width="1462" alt="Screenshot at Mar 30 11-17-39" src="https://user-images.githubusercontent.com/2664520/160823269-a93d15c3-49d5-4e24-8871-06c44f2fd6d7.png";> <img width="1330" alt="Screenshot at Mar 30 11-18-13" src="https://user-images.githubusercontent.com/2664520/160823285-818c3270-ff94-4378-9e5a-774363ce3a9d.png";> -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
![https://user-images.githubusercontent.com/2664520/160823269-a93d15c3-49d5-4e24-8871-06c44f2fd6d7.png"](https://user-images.githubusercontent.com/2664520/160823269-a93d15c3-49d5-4e24-8871-06c44f2fd6d7.png"){kind=link}
![https://user-images.githubusercontent.com/2664520/160823285-818c3270-ff94-4378-9e5a-774363ce3a9d.png"](https://user-images.githubusercontent.com/2664520/160823285-818c3270-ff94-4378-9e5a-774363ce3a9d.png"){kind=link}