"ഫലകം:AuthorProfile/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
അഭിപ്രായവേദി സംരംഭത്തിൽ നിന്ന്
(ചെ.)No edit summary റ്റാഗ്: Manual revert |
(ചെ.)No edit summary |
||
| വരി 3: | വരി 3: | ||
gap: 20px; | gap: 20px; | ||
align-items: flex-start; | align-items: flex-start; | ||
margin- | |||
max-width: 700px; | |||
margin: 0 auto 20px; | |||
padding: 20px; | |||
border: 1px solid #ddd; | |||
border-radius: 10px; | |||
background: #fff; | |||
box-shadow: 0 2px 5px rgba(0,0,0,.08); | |||
} | } | ||
01:02, 20 ജൂലൈ 2026-നു നിലവിലുള്ള രൂപം
.author-profile-main {
display: flex;
gap: 20px;
align-items: flex-start;
max-width: 700px;
margin: 0 auto 20px;
padding: 20px;
border: 1px solid #ddd;
border-radius: 10px;
background: #fff;
box-shadow: 0 2px 5px rgba(0,0,0,.08);
}
.author-profile-photo {
flex: 0 0 200px;
}
.author-profile-photo img {
max-width: 200px;
height: auto;
border-radius: 6px;
}
.author-profile-bio {
flex: 1;
line-height: 1.7;
}
.author-profile-link {
margin-top: 15px;
font-weight: 600;
}
.author-profile-clear {
clear: both;
}
@media (max-width: 768px) {
.author-profile-main {
flex-direction: column;
}
.author-profile-photo {
text-align: center;
}
.author-profile-photo img {
max-width: 180px;
}
}
.author-articles-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}