RaiIsNotYourGuy edited a comment on pull request #992: URL: https://github.com/apache/apisix-website/pull/992#issuecomment-1084480265
Reverted size changes and added ```max-width``` to ```.imagePosition``` Fixes: #983 ### Changes: File: features.jsx - Reverted changes for ```height``` in ```right-pane``` File: customTheme.css - Reverted changes for ```.imagePositon``` ```bottom``` - Added ```max-width: none``` to ```.imagePosition``` These changes reverted the changes that made the images smaller. The new changes keep the same height while allowing the width of each image to not condense, removing the skewing effect. Edit: Also, this change was also tested on smaller width screen sizes. The left and right panes do not overlap each other or cause any issues. Screenshots of the change: ### Before:   ### After: <img width="1512" alt="Screen Shot 2022-03-31 at 11 38 34" src="https://user-images.githubusercontent.com/2664520/161048162-c529199a-d41d-4c26-9e3e-067a5e1e8058.png";> <img width="1512" alt="Screen Shot 2022-03-31 at 11 38 57" src="https://user-images.githubusercontent.com/2664520/161048178-7d803fb3-3087-4902-8204-494fbe225bf6.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/161048162-c529199a-d41d-4c26-9e3e-067a5e1e8058.png"](https://user-images.githubusercontent.com/2664520/161048162-c529199a-d41d-4c26-9e3e-067a5e1e8058.png"){kind=link}
![https://user-images.githubusercontent.com/2664520/161048178-7d803fb3-3087-4902-8204-494fbe225bf6.png"](https://user-images.githubusercontent.com/2664520/161048178-7d803fb3-3087-4902-8204-494fbe225bf6.png"){kind=link}