أهلاً يا رفاق. هل هناك من يستطيع مساعدتي في تعديل CSS؟
أنا مبتدئ في هذا ولا أعرف ماذا أفعل.
لقد صنعت أول لافتة لي بالضبط وفقًا للتعليمات (House Ad Templates). ومع ذلك، فإن اللافتة ليست في وسط الصفحة وقريبة جدًا من الرأس (انظر لقطة الشاشة).
أود أن يكون هناك مسافة لا تقل عن 10 بكسل بين اللافتة والعنوان.
هل يمكن لأحد أن ينصحني بتغيير الكود لإزالة هاتين المشكلتين؟
.banner-ad {
display: flex;
clear: both;
max-width: calc(#{$topic-body-width} + #{$topic-avatar-width} + (#{$topic-body-width-padding} * 2));
box-sizing: border-box;
img {
height: 100%;
&.desktop {
display: block;
}
&.mobile {
display: none;
}
}
}
@media only screen and (max-width: 672px) {
.banner-ad {
img.desktop, p {
display: none;
}
img.mobile {
display: block;
}
}
}
