🔹 Introduction
Aaj maine Elementor me ek complete section design karne ki practice ki. Isme maine apni previous learning (margin, padding, image styling, effects) ko use kiya.
🔹 Maine kya banaya:
Ek section jisme heading + text + image + button tha
Proper alignment aur spacing
Image ke sath styling (border radius + shadow)
🔹 Maine kaise banaya (Step-by-Step):
1. Container Setup
Sabse pehle maine ek container add kiya aur usme 2 columns banaye
2. Content Add kiya
right side → Text + Heading
left side → Image
3. Spacing Apply ki
Padding diya andar space ke liye
Margin use kiya elements ke gap ke liye
4. Image Styling
Border radius diya (smooth corners)
Shadow add kiya (professional look ke liye)
5. Button Design
Button add kiya
Button ka bhi border radius diya jisse wo oval shape mai aagya
Thoda hover effect apply kiya image par jb se cursor htate h to wo simple white dikhta hai baki setting show hoti hai jese hi image par jate hai to background mai image dikhti hai
🔹 Images (IMPORTANT) 2 screenshot add kiye usme aap difference dekh skte hai🔹 Mera Experience:
Aaj mujhe feel hua ki main actual design banana start kar rahi hu, sirf settings nahi seekh rahi.designs bnane to hum sikhte hai problems bhi aati hai lekin regular practice se apko samjah aane lag jata hai .yhi kaam apko interesting lagne lagta hai.
🔹 Challenges:
Alignment perfect karna
Spacing adjust karna
🔹 Aaj kya improve hua:
Layout banana samaj aaya
Design thoda professional lagne laga