upgraded styling of e-book.html

[Ash914027]

changes in the website

https://github.com/user-attachments/assets/8eda35a5-3668-428f-b8ec-be5ffa6175c4

earlier

✨ General Styling

• Background color: Changed to a light neutral (#fafafa) for readability. 🌟
• Text color: Dark gray (#2d2d2d) for contrast with the background. 🎨

🔝 Navbar

• Background color: Updated to a warmer shade (#FF6F61) for better contrast. 🌈
• Padding and shadow: Increased padding for spaciousness; added a subtle shadow for depth. 🌥️
• Link hover color: Changed nav-link hover to a lighter shade (#ffdecc) for smoother interactivity. 🖱️

📚 Shop Title

• Font size and color: Font size increased to 2.2rem, and color set to match navbar (#FF6F61) for brand consistency. 🔗

🛍️ Product Grid

• Grid layout: Set max-width to 1200px for better alignment and responsiveness on larger screens. 📐
• Product card styling:
  • Box shadow added for depth. 💡
  • Hover effect: Each card lifts slightly on hover to boost interactivity. ✨
• Image styling: Rounded corners for a polished look. 🖼️
• Text and button styling: Updated font sizes, button colors, and hover effects. Button hover color is slightly darker (#e85b51) for a noticeable effect. 🎨

🦶 Footer

• Background color: Aligned with navbar color (#FF6F61) for a cohesive look. 🎯
• Font size: Adjusted to 0.9rem to subtly distinguish footer content. 📏

---

These changes provide a visually cohesive, interactive, and accessible design while keeping the FAQ and Cart sections as they are.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
skillwise	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 28, 2024 6:00am

[netlify[bot]]

✅ Deploy Preview for skillwise ready!

Name	Link
🔨 Latest commit	da37be00d6876e75c0899ec034df7b8a8c97dae2
🔍 Latest deploy log	https://app.netlify.com/sites/skillwise/deploys/671f28848380330008a88e8c
😎 Deploy Preview	https://deploy-preview-884--skillwise.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Ash914027]

please assign me this issue and merge my pull request ad add hactoberfest tag

[PriyaGhosal]

@Ash914027 Alignment has been shifted left side ..... Please resolve it and open a new PR for review