"ഫലകം:ഐടി സ്ക്കൂൾ/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
'.programs { display: flex; flex-direction: column; gap: 2rem; margin: 1rem 0; } .program-box { display: flex; flex-direction: row; align-items: flex-start; gap: 1rem; padding: 1rem; background: #fafafa; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .program-image { flex: 0 0 120px; text-align: center; } .program-content { flex: 1; } .program-ti...' താൾ സൃഷ്ടിച്ചിരിക്കുന്നു |
No edit summary |
||
| വരി 7: | വരി 7: | ||
.program-box { | .program-box { | ||
background: #fafafa; | background: #fafafa; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 12px; | border-radius: 12px; | ||
box-shadow: 0 2px 6px rgba(0,0,0,0.1); | box-shadow: 0 2px 6px rgba(0,0,0,0.1); | ||
overflow: hidden; | |||
} | } | ||
.program- | .program-title { | ||
font-size: 1.3em; | |||
font-weight: bold; | |||
padding: 0.6rem; | |||
background: linear-gradient(90deg, #e0e0e0, #f5f5f5); | |||
border-bottom: 1px solid #ccc; | |||
text-align: center; | text-align: center; | ||
} | } | ||
.program- | .program-body { | ||
flex: | display: flex; | ||
flex-direction: row; | |||
align-items: flex-start; | |||
gap: 1rem; | |||
padding: 1rem; | |||
} | } | ||
.program- | .program-image { | ||
flex: 0 0 120px; | |||
text-align: center; | text-align: center; | ||
} | } | ||
.program-text { | .program-text { | ||
flex: 1; | |||
font-size: 1.05em; | font-size: 1.05em; | ||
line-height: 1.6; | line-height: 1.6; | ||
| വരി 45: | വരി 45: | ||
.program-link { | .program-link { | ||
margin-top: 0.5rem; | margin-top: 0.5rem; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| വരി 58: | വരി 57: | ||
/* Mobile responsiveness */ | /* Mobile responsiveness */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.program- | .program-body { | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.program-text { | .program-text { | ||