ബ്യൂറോക്രാറ്റുകൾ, ചെക്ക് യൂസർമാർ, emailconfirmed, സമ്പർക്കമുഖ കാര്യനിർവാഹകർ, kiteuser, oversight, അമർച്ചകർ, കാര്യനിർവാഹകർ, അപ്ലോഡ് സഹായി മേള തിരുത്തുന്നവർ
24,964
തിരുത്തലുകൾ
No edit summary |
No edit summary |
||
| വരി 1: | വരി 1: | ||
.district-items p { | |||
.district-items { | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 12px; | gap: 12px; | ||
margin | margin: 0; /* remove default paragraph spacing */ | ||
} | } | ||
.district-items p a { | |||
.district-items a | flex: 1 1 calc(25% - 12px); /* 4 per row */ | ||
flex: 1 1 calc(25% - 12px); /* 4 per row | |||
box-sizing: border-box; | box-sizing: border-box; | ||
background: #ffffff; | background: #ffffff; | ||
| വരി 18: | വരി 13: | ||
border-radius: 8px; | border-radius: 8px; | ||
padding: 15px 10px; | padding: 15px 10px; | ||
text-align: center; | |||
text-decoration: none; | |||
color: #004EC3; | color: #004EC3; | ||
font-size: 1rem; | font-size: 1rem; | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | |||
transition: all 0.25s ease; | transition: all 0.25s ease; | ||
} | } | ||
.district-items p a:hover { | |||
.district-items a | |||
background: #81bffc; | background: #81bffc; | ||
color: #ffffff; | color: #ffffff; | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
border-color: #004ec3; | border-color: #004ec3; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* Responsive */ | |||
/* Responsive | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.district-items a | .district-items p a { | ||
flex: 1 1 calc(45% - 12px); | flex: 1 1 calc(45% - 12px); | ||
} | } | ||
} | } | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.district-items a | .district-items p a { | ||
flex: 1 1 100%; | flex: 1 1 100%; | ||
} | } | ||
} | } | ||
തിരുത്തലുകൾ