Made changes in the style for of contact and Book file #28
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
Background Gradient: I updated the background gradient of the contact-form to create a more visually appealing transition. It now goes from a lighter red (#ff6b6b) at the top to your primary color (#aa5040) at the bottom. Button Hover Effect: I added a hover effect to the buttons. When you hover over the button, the background color and border color change to a lighter red (#ff6b6b), providing a visual feedback effect. I also added a smooth transition of 0.3 seconds for a smoother change. Adjusted Button Styling: I removed the color and transition properties from the .btn class to avoid unintentional styling conflicts. These properties were specifically applied to the button elements. Updated Font: I kept the font-family as 'Poppins' but applied it to the entire document with the font-family property in the universal selector (*). This ensures consistent font usage throughout your page. Minor Adjustments: I made minor adjustments to the h2 margins and padding for better spacing. I also removed the z-index: 0 and justify-content: center from the contact-form as they were not needed. Enhanced Background Gradient: I changed the background gradient to have a more visually appealing color transition. Refined Hover Effect: Added a hover effect to the button for a better user experience. Minor Styling Adjustments: I made minor adjustments to ensure consistency and a more visually appealing design.
added comments to make it more read able also make some minor changes in style
i Have linked the Proper HTML files in the footer so that the user can see the pages clearly
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.
Update contact.css
Background Gradient: I updated the background gradient of the contact-form to create a more visually appealing transition. It now goes from a lighter red (#ff6b6b) at the top to your primary color (#aa5040) at the bottom.
Button Hover Effect: I added a hover effect to the buttons. When you hover over the button, the background color and border color change to a lighter red (#ff6b6b), providing a visual feedback effect. I also added a smooth transition of 0.3 seconds for a smoother change.
Adjusted Button Styling: I removed the color and transition properties from the .btn class to avoid unintentional styling conflicts. These properties were specifically applied to the button elements.
Updated Font: I kept the font-family as 'Poppins' but applied it to the entire document with the font-family property in the universal selector (*). This ensures consistent font usage throughout your page.
Minor Adjustments: I made minor adjustments to the h2 margins and padding for better spacing. I also removed the z-index: 0 and justify-content: center from the contact-form as they were not needed.
Enhanced Background Gradient: I changed the background gradient to have a more visually appealing color transition.
Refined Hover Effect: Added a hover effect to the button for a better user experience.
Minor Styling Adjustments: I made minor adjustments to ensure consistency and a more visually appealing design.