Template:FrDS HeroVideo: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
RLopez-WMF (talk | contribs) Created page with "<html> <header class="hero"> <div class="wrapper"> <div> <h1>Giving monthly</h1> <p>If Wikipedia is a feature of your daily life, help us ensure every person on the planet gets the same access to knowledge.</p> <a href="#" class="button green-bg"> <img src="https://upload.wikimedia.org/wikipedia/donate/a/a1/Icon-donate-white.png"> Support Us </a> </div> <div class="player"> </html> File:Why do you se..." |
RLopez-WMF (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<html> |
<html> |
||
<style> |
|||
/* Hero styles */ |
|||
.hero { |
|||
display: flex; |
|||
padding: 40px 0px; |
|||
background: #DBF3EC; |
|||
} |
|||
.hero .wrapper{ |
|||
display: flex; |
|||
padding: 0px 20px; |
|||
flex-direction: column; |
|||
gap: 40px; |
|||
max-width: 1060px; |
|||
margin: 0 auto; |
|||
} |
|||
.hero .wrapper div:first-of-type{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: flex-start; |
|||
gap: 16px; |
|||
} |
|||
.hero .wrapper div:last-of-type{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: flex-start; |
|||
gap: 16px; |
|||
align-self: stretch; |
|||
} |
|||
@media only screen and (min-width:960px) { |
|||
.hero .wrapper{ |
|||
flex-direction: row; |
|||
gap: 100px; |
|||
align-items: center; |
|||
} |
|||
.hero .wrapper .player{ |
|||
width: 480px; |
|||
flex-shrink: 0; |
|||
} |
|||
} |
|||
</style> |
|||
<header class="hero"> |
<header class="hero"> |
||
<div class="wrapper"> |
<div class="wrapper"> |
||
Revision as of 20:05, 26 July 2023
Giving monthly
If Wikipedia is a feature of your daily life, help us ensure every person on the planet gets the same access to knowledge.
Support Us