"ഫലകം:FirstBoxes/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
No edit summary |
No edit summary |
||
| വരി 9: | വരി 9: | ||
box-shadow: 0 4px 12px rgba(0,0,0,0.08); | box-shadow: 0 4px 12px rgba(0,0,0,0.08); | ||
margin: 10px auto; | margin: 10px auto; | ||
width:98%; | width: 98%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
| വരി 18: | വരി 18: | ||
align-items: center; | align-items: center; | ||
justify-content: space-between; | justify-content: space-between; | ||
flex: 1 1 160px; /* minimum width 160px */ | |||
width: 220px; | max-width: 220px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
border: 2px solid #1b2cb3; | border: 2px solid #1b2cb3; | ||
| വരി 29: | വരി 29: | ||
box-shadow: 2px 2px 6px rgba(0,0,0,0.1); | box-shadow: 2px 2px 6px rgba(0,0,0,0.1); | ||
transition: all 0.25s ease; | transition: all 0.25s ease; | ||
font-size:1em; | font-size: 1em; | ||
} | } | ||
| വരി 44: | വരി 44: | ||
} | } | ||
.firstbox-item:hover a { | .firstbox-item:hover a { | ||
color: #fff; | |||
} | } | ||
.firstbox-item img { | .firstbox-item img { | ||
display: block; | display: block; | ||
| വരി 52: | വരി 53: | ||
height: auto; | height: auto; | ||
} | } | ||
.firstbox-item a:hover{ | |||
.firstbox-item a:hover { | |||
color: #fff; | |||
font-weight: bold; | |||
} | } | ||
.firstbox-item small { | .firstbox-item small { | ||
display: block; | display: block; | ||
| വരി 63: | വരി 66: | ||
} | } | ||
/* Mobile layout: 2 items per row with min-width 160px */ | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.firstbox-item { | .firstbox-item { | ||
flex: 1 1 45%; /* roughly 2 items per row */ | |||
min-width: 160px; | |||
font-size: 0. | font-size: 0.95rem; | ||
} | } | ||
} | } | ||
| വരി 73: | വരി 77: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.firstbox-item { | .firstbox-item { | ||
flex: 1 1 45%; /* still 2 items per row */ | |||
min-width: 160px; | |||
font-size: 0. | font-size: 0.85rem; | ||
} | } | ||
} | } | ||