.mh-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:30px 0;
}

.mh-cards article{
  background:#0c131d;
  border:1px solid rgba(68,114,148,.35);
  border-radius:18px;
  padding:22px;
  color:#fff;
}

.mh-cards b{
  color:#447294;
}

.mh-cards p{
  color:#c9d6e2;
}

@media(max-width:768px){
  .mh-cards{
    grid-template-columns:1fr;
  }
}

<section class="mh-cards" dir="rtl">
  <article>
    <b>01</b>
    <h3>الدومين</h3>
    <p>عنوان موقعك على الإنترنت.</p>
  </article>

  <article>
    <b>02</b>
    <h3>الاستضافة</h3>
    <p>المساحة التي تحفظ ملفات الموقع.</p>
  </article>

  <article>
    <b>03</b>
    <h3>المتجر الإلكتروني</h3>
    <p>واجهة البيع واستقبال الطلبات.</p>
  </article>
</section>