3 column preview card

تصميمًا لواجهة مستخدم تم إنشاؤها باستخدام HTML وCSS، وتحتوي على ثلاثة بطاقات متجاورة، كل منها تمثل فئة من السيارات (Sedans, SUVs, Luxury).

تقنيات HTML وCSS المستخدمة في التصميم:

استخدام Flexbox أو Grid لترتيب البطاقات بشكل متجاور ومتناسق.

إضافة تأثيرات Hover للأزرار لجعلها تفاعلية.

استخدام CSS Variables لضبط الألوان بسهولة.

إضافة أيقونات SVG أعلى كل بطاقة لتوضيح الفئة.

استخدام border-radius لإضافة زوايا مستديرة للبطاقات والأزرار.