Donate

Template:Appeal/LearningNeverEnds/en: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
No edit summary
m Edited alt attribute
 
(9 intermediate revisions by 2 users not shown)
Line 2:
<div class="appeal-layout">
<figure class="appeal-image">
<img src="https://upload.wikimedia.org/wikipedia/donate/thumb4/24e/24/Schoolgirls_in_BamozaiLearning_never_ends_380.jpeg/400px-Schoolgirls_in_Bamozai.jpegpng" alt="Schoolchildren sitting on the ground outside and smilingLearning duringnever aends lessonillustration">
<figcaption>
Image is in the public domain, found on <a href="https://commons.wikimedia.org/wiki/File:Schoolgirls_in_Bamozai.JPG">Wikimedia Commons</a>. Schoolgirls sit in the girls' section of a school in Bamozai, near Gardez, Paktya Province, Afghanistan.
</figcaption>
</figure>
<div class="appeal-text">
Line 16 ⟶ 13:
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
}
.appeal-image {
margin: 0 28px 0 0;
max-width: 100%;
}
.appeal-image img {
Line 25:
.appeal-image figcaption {
position: absolute;
width: 400pxauto;
max-width: 380px;
font-size: 12.5px;
line-height: 1.4;
color: #202122;
}
.appeal-text {
font-size: 16px;
line-height: 21.8;
}
 
@media (max-width: 1400px) {
.appeal-layout {
displayflex-wrap: blockwrap;
padding: 0;
}
.appeal-image {
margin-bottom: 28px0;▼
}
.appeal-image img {
max-width: 100%;
}
.appeal-image figcaption {
position: relative;
▲ margin-bottom: 28px;
}
}
 
/* Override hiding on mobile */
#appeal-wrapper {
display: block !important;
}
</style>
Retrieved from "https://donate.wikimedia.org/wiki/Template:Appeal/LearningNeverEnds/en"