Template:FrDS HeroVideo: Difference between revisions
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:
<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">
<div class="wrapper">
| |||