🎨 hero-section-bg

This project is a dedicated practice session focusing on mastering CSS Background Properties. It demonstrates how to create visually appealing hero sections for modern websites using various styling techniques.

🚀 Key Features:

• Background Images: Implementing high-quality images with proper positioning and scaling (background-size: cover).
• Gradients & Overlays: Using linear gradients and RGBA overlays to improve text readability over images.
• Fixed & Parallax Effects: Exploring background-attachment for dynamic scrolling effects.
• Color Palettes: Experimenting with solid colors and transparency to create a professional look.

🛠 Technologies Used:

• HTML5: For the structural layout of the hero section.
• CSS3: For advanced styling, positioning, and background effects.

📂 What I Learned:

• How to use background-position to focus on the right part of an image.
• Combining multiple backgrounds in a single CSS rule.
• Creating responsive hero sections that look great on all screen sizes.

---

Created as part of my Frontend Development journey at Creative IT Institute.