Enhancements to Button and Link Styling: Improved HTML Structure and CSS Flexibility

[Cyrus-Sobaan]

Improved Button Alignment and Text Size with HTML Structure and CSS Updates

Summary

I’ve made some updates to the HTML and CSS code to enhance the structure and styling of the buttons and links. Specifically, I’ve wrapped the anchor tags and buttons inside a

element. This will allow us to apply consistent styling more efficiently.

In the CSS, I’ve added a .button class where I’ve applied the display: flex; property for better layout control. Additionally, I’ve adjusted the font-size for improved readability.

These changes should help streamline the styling process and make future adjustments easier.

Motivation

I made this Pull Request to address issues with button alignment, text sizes, and overall HTML structure. I added a

around the buttons and anchor tags in the HTML and applied display: flex; in the CSS for improved alignment. Additionally, I adjusted the font-size for better consistency across the site.

These changes aim to resolve the mentioned issues and enhance the overall user interface.

Testing

Questions