"ഫലകം:SSKBoxImage/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
ദൃശ്യരൂപം
No edit summary |
No edit summary |
||
| (ഒരേ ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 7 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 6: | വരി 6: | ||
display: flex; | display: flex; | ||
align-items: stretch; | align-items: stretch; | ||
flex- | flex-wrap: wrap; | ||
background-color: #eeffee; | background-color: #eeffee; | ||
color:#000; | color:#000; | ||
border-radius:25px; | border-radius:25px; | ||
justify-content:space-around; | |||
} | } | ||
.boxItemImg { | .boxItemImg { | ||
| വരി 26: | വരി 27: | ||
width:150px; | width:150px; | ||
height: 150px; | height: 150px; | ||
} | |||
.studentImg img { | |||
width: 130px; | |||
height: auto; | |||
object-fit: cover; | |||
} | |||
.boxleft, .boxright { | |||
flex: 0 0 auto; /* Prevent these divs from growing */ | |||
margin: 10px; | |||
} | |||
.boxcenter { | |||
flex: 1; /* Allow this div to grow and fill the remaining space */ | |||
margin: 10px; | |||
} | } | ||
12:29, 5 ജനുവരി 2025-നു നിലവിലുള്ള രൂപം
.boxImgContainer {
background: #ddd; margin: .5em;
min-width: 280px;
min-height: 90px;
padding: .75em;
display: flex;
align-items: stretch;
flex-wrap: wrap;
background-color: #eeffee;
color:#000;
border-radius:25px;
justify-content:space-around;
}
.boxItemImg {
padding: 0 .5em;
align-self: center;
}
.boxItemDetails{
border-left: 1px solid;
padding: 0 1em;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}
.studentImg{
width:150px;
height: 150px;
}
.studentImg img {
width: 130px;
height: auto;
object-fit: cover;
}
.boxleft, .boxright {
flex: 0 0 auto; /* Prevent these divs from growing */
margin: 10px;
}
.boxcenter {
flex: 1; /* Allow this div to grow and fill the remaining space */
margin: 10px;
}