Badr Mohamed4

يعنى اكتب الكود بايدى هنا <div class="features"> <div class="container"> <div class="feat"> <i class="fa-solid fa-wand-magic-sparkles"></i> <h3>Tell Us Your Idea</h3> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur ducimus fugit beatae rerum iste facilis ad ipsum tempore</p> </div> <div class="feat"> <i class="fa-regular fa-gem"></i> <h3>We Will Do All The Work</h3> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur ducimus fugit beatae rerum iste facilis ad ipsum tempore</p> </div> <div class="feat"> <i class="fa-solid fa-earth-asia"></i> <h3>Your Product Is Worldwide</h3> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur ducimus fugit beatae rerum iste facilis ad ipsum tempore</p> </div> </div> </div> .features { padding-top: 60px; padding-bottom: 60px; background-color: #f6f6f6; } .features .container { display: grid; grid-template-columns: repeat(auot-fill, minmax(300px, 1fr)); grid-gap: 20px; } .features .feat { padding: 20px; text-align: center; } .features .feat i { color: var(--main-color); font-size: 30px; } .features .feat h3 { font-weight: 800; margin: 30px 0; } .features .feat p { line-height: 1.8; color: #777; font-size: 17px; }

ليه ال grid مش بيشتغل معايا مع العلم انى عامل كل حاجه فيه صح وكان بيشتغل قبل كده بس دلوقتى مش بيشتغل