"ഫലകം:SSKBoxImage/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
ദൃശ്യരൂപം
No edit summary |
No edit summary |
||
| വരി 31: | വരി 31: | ||
flex: 0 0 auto; /* Prevent these divs from growing */ | flex: 0 0 auto; /* Prevent these divs from growing */ | ||
width: 150px; /* Set a fixed width for the side divs */ | width: 150px; /* Set a fixed width for the side divs */ | ||
margin: 10px; | margin: 10px; | ||
} | } | ||
| വരി 37: | വരി 36: | ||
.boxcenter { | .boxcenter { | ||
flex: 1; /* Allow this div to grow and fill the remaining space */ | flex: 1; /* Allow this div to grow and fill the remaining space */ | ||
margin: 10px; | margin: 10px; | ||
} | } | ||
12:18, 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;
}
.boxleft, .boxright {
flex: 0 0 auto; /* Prevent these divs from growing */
width: 150px; /* Set a fixed width for the side divs */
margin: 10px;
}
.boxcenter {
flex: 1; /* Allow this div to grow and fill the remaining space */
margin: 10px;
}