"ഫലകം:SSKBoxImage/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
ദൃശ്യരൂപം
No edit summary |
No edit summary |
||
| (ഒരേ ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 3 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 28: | വരി 28: | ||
height: 150px; | height: 150px; | ||
} | } | ||
.studentImg img { | |||
width: 130px; | |||
height: auto; | |||
object-fit: cover; | |||
} | |||
.boxleft, .boxright { | .boxleft, .boxright { | ||
flex: 0 0 auto; /* Prevent these divs from growing */ | flex: 0 0 auto; /* Prevent these divs from growing */ | ||
margin: 10px; | 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;
}