Fixing notebook width and aligning content in center #15
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
I noticed that the notebooks available on the PyNE website were not properly contained within their designated area. This caused the notebooks to extend beyond the available width, making it difficult to view their content. To fix this issue, I have set the width of the notebooks to "auto" and adjusted the body margins to align the content in the center.
Motivation and Context
This change is required to improve the user experience on the PyNE website. By ensuring that the notebooks fit within their container and aligning the content in the center, users will be able to view and interact with the notebooks without any visual disruptions. This enhancement will make the website more user-friendly and improve the overall usability of the notebooks.
Changes
This PR introduces CSS modifications to the PyNE website. Specifically, I have made the following changes:
Set the width property of the notebooks to "auto" so that they adjust dynamically based on the content.
Set the margin-left and margin-right properties of the body to "auto" to align the content in the center.
These changes ensure that the notebooks resize automatically and align properly within their designated container.
Behavior
Before this change, the notebooks on the PyNE website would extend beyond the available width of their container and the content would not be aligned in the center. This caused visual disruptions and made it difficult for users to view the notebooks. After applying these changes, the notebooks will resize dynamically and align the content in the center, providing a visually pleasing and user-friendly experience.
Other Information
I have tested this change on various browsers and screen sizes to ensure its compatibility and responsiveness. Additionally, I have reviewed the affected notebooks to verify that they display correctly after the width and margin adjustments. These changes only affect the notebooks and the body margins, and do not modify any other elements or functionalities on the PyNE website.