اذهب إلى المحتوى
  • 0

مشكلة في الوصول إلى تنسيقات css

Mahmoud Ali Nawwar

السؤال

السلام عليكم ورحمة الله بركاته

لماذا عندما أعطي خاص للعنصر project-card  لا تم الاستجابة

HTML

<section id="projects" class="projects">
<h2 class="title">Projects</h2>
<div class="content">
    <div class="l">
        <div class="project-img">
            <img src="../موقع شخصي/images/work1.jpg" alt="psd1">
        </div>
        <div class="project-info">
            <p class="projectcaegory">
                Lorem ipsum dolor sit amet consectetur adipisicing 
            </p>
            <strong class="projec-title">
                <span>Lorem, ipsum.</span>
                <a href="" class="more-details">More details</a>
            </strong>
        </div>
    </div>
</div>
</section>

CSS

.projects .content {
    margin-top: 30px};


.content .project-card {
background-color: aliceblue;
border: solid 1px white;
min-height: 14em;
width: 23em;
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

المشكلة لديك في مكان الفاصلة المنقوطة في ملف style.css كما تلاحظ في ليست بعد نهاية التنسيق بل بعد القوس ، في التنسيقات المعطى  

.projects .content {
    margin-top: 30px}; // هنا 

.content .project-card {
background-color: aliceblue;
border: solid 1px white;
min-height: 14em;
width: 23em;
}

يجب عليك إصلاحها لتالي 

.projects .content {
    margin-top: 30px;
}

.content .project-card {
background-color: aliceblue;    
border: solid 1px white;
min-height: 14em;
width: 23em;
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 24 دقائق مضت قال أسامة زيادة:

لقد قمت بالاطلاع على الأكواد لديك ، لا يوجد لديك كلاس project-card .

عفوا قم باضافته الان

ولا يعمل أيضا

ال class ي ال section الأخير في html

<section id="projects" class="projects">
<h2 class="title">Projects</h2>
<div class="content">
    <div class="project-card">
        <div class="project-img">
            <img src="../pro/images/work1.jpg " alt="psd1">
        </div>
        <div class="project-info">
            <p class="projectcaegory">
                Lorem ipsum dolor sit amet consectetur adipisicing 
            </p>
            <strong class="projec-title">
                <span>Lorem, ipsum.</span>
                <a href="" class="more-details">More details</a>
            </strong>
        </div>
    </div>
</div>
</section>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...