rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

make footer smaller

Browse source
This commit is contained in:
Rhiannon Morris 2020-08-10 05:11:18 +02:00
parent cef62421a3
commit 655dd58291
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -75,5 +75,4 @@
<a href=https://mutant.tech>mutant standard</a> <a href=https://mutant.tech>mutant standard</a>
emoji, which are licensed emoji, which are licensed
<a href=https://creativecommons.org/licenses/by-nc-sa/4.0/>cc-by-nc-sa 4</a>. <a href=https://creativecommons.org/licenses/by-nc-sa/4.0/>cc-by-nc-sa 4</a>.
(the bg image and favicon are also by dzuk)
</footer> </footer>

18
style.css
View file

@ -29,16 +29,18 @@ body {
-1px -1px 0 black, -1px -1px 0 black,
4px 4px 4px hsla(0, 0%, 0%, 70%); 4px 4px 4px hsla(0, 0%, 0%, 70%);
text-align: center; text-align: center;
margin: 2em 1em 3em; margin: 2em 1em 0.5em;
}
main, footer {
background: hsla(0, 0%, 100%, 40%);
border-radius: 2em;
border: 3px solid hsla(0, 0%, 100%, 30%);
} }
main { main {
max-width: 35em; max-width: 35em;
padding: 1em; padding: 1em;
background: hsla(0, 0%, 100%, 40%);
border-radius: 2em;
border: 3px solid hsla(0, 0%, 100%, 30%);
margin: 0 auto 1em; margin: 0 auto 1em;
} }
@ -158,12 +160,11 @@ section h2::before, section h2::after {
} }
footer { footer {
background: hsla(0, 0%, 100%, 70%);
max-width: 35em; max-width: 35em;
margin: 2em auto 0; margin: 2em auto 0;
padding: 0.25em 0.75em; padding: 0.25em 0.5em;
border-radius: 0.5em; border-radius: 0.5em;
font-size: 85%; font-size: 75%;
color: black; color: black;
text-shadow: none; text-shadow: none;
@ -181,6 +182,7 @@ footer .emojo {
footer p, footer div { footer p, footer div {
grid-area: t; grid-area: t;
margin: 0;
} }
footer a { footer a {