/
pras
/
Course-Catalog
Обзор
Документация
Войти
/
pras
/
Course-Catalog
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/CourseCard.css
90 строк
1 KB
Кирилл
first commit
02 июл 2026, 16:24
02 июл 2026, 16:24
85b3dcb
Код
Авторство
О чём код?
.course-card { background: white; border: rgb(201, 201, 201) solid 2px; padding: 20px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: all 0.5s; display: flex; flex-direction: column; } .course-card:hover { border: black dashed 2px; } .card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; } .course-title { margin: 0; font-size: 1.1rem; color: #2c3e50; flex: 1; margin-right: 10px; } .course-rating { padding: 4px 10px; border-radius: 20px; font-weight: 600; font-size: 0.9rem; white-space: nowrap; color: rgb(77, 46, 0); } .course-description { color: #555; font-size: 0.95rem; line-height: 1.5; margin: 10px 0; flex: 1; } .course-meta { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; } .meta-tag { background: #b7e6b9; padding: 4px 12px; border-radius: 16px; font-size: 0.85rem; color: #555; } .card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee; } .course-price { font-size: 1.2rem; font-weight: 700; color: #2c3e50; } .enroll-btn { padding: 8px 20px; background: #2ecc71; color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; } .enroll-btn:hover { background: #27ae60; }