بطاقة منتج — تحدي CSS

بطاقة منتج: زوايا دائرية وظل للبطاقة، تأثير عند المرور مع transition، صورة بعرض كامل، ومسافة داخلية للمعلومات.

.product-card {
    /* تنسيق البطاقة */
}

.product-image {
    /* تنسيق الصورة */
}

.product-info {
    /* تنسيق المعلومات */
}

حل هذا التحدي يرتبط بفتح دورة «CSS المتقدم» بحسابك.