.course-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:10px;align-items:center}.course-item input,.course-item select{padding:10px}.remove-course{background-color:#e74c3c;color:white;border:none;border-radius:5px;padding:10px;cursor:pointer;transition:background-color .3s}.remove-course:hover{background-color:#c0392b}@media (max-width:500px){.course-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.course-item input:first-child{grid-column:span 2}.remove-course{grid-column:span 2}}