Merge pull request #8 from Hacks-R-Us/fix-link-boxes

Fix link <ul>s to flex wrap, fix padding, prioritise comic sans
This commit is contained in:
Tom Lee 2020-08-26 22:33:54 +01:00 committed by GitHub
commit d84b8718f5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions

View File

@ -1,7 +1,7 @@
@font-face { font-family: open-dyslexic; src: url('fonts/OpenDyslexic3-Regular.ttf'); } @font-face { font-family: open-dyslexic; src: url('fonts/OpenDyslexic3-Regular.ttf'); }
body { body {
font-family: "open-dyslexic", "Comic Sans MS"; font-family: "Comic Sans MS", "open-dyslexic";
} }
blink { blink {
@ -15,20 +15,23 @@ blink {
} }
div.container { div.container {
max-width: 700px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
ul.fisher-price-links { ul.fisher-price-links {
display: flex; display: flex;
padding: 0px ;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-wrap: wrap;
margin: -10px;
padding: 0px;
} }
ul.fisher-price-links>li { ul.fisher-price-links>li {
padding: 2px; margin: 10px;
padding: 3px;
background-color: #adadad; background-color: #adadad;
list-style: none; list-style: none;
box-shadow: 4px 4px; box-shadow: 4px 4px;