"ഫലകം:Listofdistricts2/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
No edit summary |
No edit summary |
||
| വരി 7: | വരി 7: | ||
border-radius: 12px; | border-radius: 12px; | ||
box-shadow: 0 6px 12px rgba(0,0,0,0.2); | box-shadow: 0 6px 12px rgba(0,0,0,0.2); | ||
border:3px solid #ccc; | border: 3px solid #ccc; | ||
text-align: center; | text-align: center; | ||
} | } | ||
| വരി 26: | വരി 26: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: center; | justify-content: center; | ||
gap: 12px; | gap: 12px; /* handles spacing, no need for margins */ | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
| വരി 54: | വരി 54: | ||
box-shadow: 3px 3px 10px rgba(0,0,0,0.15); | box-shadow: 3px 3px 10px rgba(0,0,0,0.15); | ||
border-color: #004ec3; | border-color: #004ec3; | ||
font-weight: bold; | |||
} | } | ||
/* Small subtext inside cards */ | /* Small subtext inside cards */ | ||
.district- | .district-items a small { | ||
display: block; | display: block; | ||
font-size: 0.85rem; | font-size: 0.85rem; | ||
| വരി 73: | വരി 67: | ||
/* Responsive */ | /* Responsive */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.district- | .district-items a { | ||
min-width: 45%; | min-width: 45%; | ||
font-size: 0.95rem; | font-size: 0.95rem; | ||
| വരി 80: | വരി 74: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.district- | .district-items a { | ||
min-width: 100%; | min-width: 100%; | ||
font-size: 0.9rem; | font-size: 0.9rem; | ||
} | } | ||
} | } | ||