4 Card Layout

Hi well done for this challenge,

You can use more semantic tag like section, article...

ex:

<div class="card orange_border">
   <h2>Karma</h2>
   <p>Regularly evaluates our talent to ensure quality</p>
   <img src="images/icon-karma.svg" alt="karma" />
</div>

<section class="card orange_border">
   <h2>Karma</h2>
   <p>Regularly evaluates our talent to ensure quality</p>
   <img src="images/icon-karma.svg" alt="karma" />
</section>

Use a div when there is no other choices.

It's easier to start with a mobile-approach FreeCodeCamp.

Hope to be helpful.

Habibti Nooour!

يعطيكي العافية شغل مرتب مش حابب اكون زنخ بس لازم اكون واحكيلك انه تصميم مشلول عرضه في الشاشات من 1200 الى 800 والسبب شغلة بسيطة جدا انك عملتي عرض البطاقة يكون ثابت 380 بدل هيك اعملي لكل بطاقة او صندوق سميه زي ما بدك max-width: 380px; ما في ابسط من هيك وشوفي الشغل كيف راح يصير مرتب وطبعا بدك تلغي width: min-content الي معطيتها للكونتينر مش عارف اول مرة بسمع بهيك خاصية الواحد بعيش وبموت وبتعلم happy coding and keep it up!