I am currently facing an issue with my code involving the CSS stylesheet and HTML index coding. The problem I am encountering is that I cannot insert a div class into my CSS stylesheet. I am utilizing the free Brackets software which provides syntax highlighting, but it shows an error in red text whenever I try to place the div class. You can view the issue in this picture:
In the image provided, I have highlighted the problematic area where inserting the div class is not allowed on the stylesheet in white. Additionally, I have demonstrated a functional example with a blue box, making me perplexed about why this discrepancy exists.
The primary query I seek answers for today is how to generate buttons aligned at the center of the page using CSS or any other method available, along with instructions on customizing these buttons by incorporating hover animations and enhancing their visual aesthetics. (Note: I am relatively new to this field). Furthermore, I aim to restrict the scrolling of my webpage within a specified location, as depicted in this image:
Lastly, I would like guidance on implementing content transitions within the white area by sliding them sideways when a button is clicked to navigate to the next page. Any assistance offered towards achieving this goal would be immensely valued. Unfortunately, I am unable to provide another image due to insufficient reputation points; hence, I trust that you can comprehend my message.
Your support in resolving these challenges would be greatly appreciated.