Etheryo/saoulbonmonsieur
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added base footer css for each container

Browse source
This commit is contained in:
Yohan Boujon 2023-06-21 00:44:43 +02:00
parent c85ad7f978
commit ac937b78e3
3 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/footer.html
View file

@ -1,5 +1,12 @@
<div id="footer"> <div id="footer">
<p>footer</p> <div class="footer-container">
<p>Color Palette based on https://colorhunt.co/palette/4b4a5aa55540e79a58e1d5d2</p> <h1>Suivez-moi</h1>
<p>And : https://colorhunt.co/palette/2d24245c3d2eb85c38e0c097</p> </div>
<div class="footer-container">
<h1>Informations</h1>
<p>Color Palette based on <a href="https://colorhunt.co/palette/4b4a5aa55540e79a58e1d5d2">this one</a> and <a href="https://colorhunt.co/palette/2d24245c3d2eb85c38e0c097">this one</a></p>
</div>
<div class="footer-container">
<h1>Newsletter</h1>
</div>
</div> </div>

10
css/footer.css
View file

@ -1,6 +1,16 @@
#footer #footer
{ {
display: grid;
grid-gap: 0px;
height: 30rem; height: 30rem;
grid-template-columns: repeat(3, 33.3%);
background-color: var(--color-dark); background-color: var(--color-dark);
color: var(--color-white); color: var(--color-white);
overflow: clip;
}
.footer-container
{
padding: 1rem 2rem;
word-wrap: break-word;
} }

2
css/index.css
View file

@ -59,6 +59,8 @@
color: black; color: black;
width: 100%; width: 100%;
margin: 2rem 2rem; margin: 2rem 2rem;
word-wrap: break-word;
overflow: clip;
} }
.description-img { .description-img {