"ഫലകം:SSKBoxImage/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
ദൃശ്യരൂപം
No edit summary |
No edit summary |
||
| വരി 29: | വരി 29: | ||
} | } | ||
.studentImg img { | .studentImg img { | ||
width: | width: 130px; | ||
height: auto; | height: auto; | ||
object-fit: cover; | object-fit: cover; | ||
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;
}