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:
commit
d84b8718f5
11
style.css
11
style.css
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue