Fix link <ul>s to flex wrap, fix padding, prioritise comic sans
This commit is contained in:
parent
bf9fab191e
commit
dc1b83d758
11
style.css
11
style.css
|
@ -1,24 +1,27 @@
|
||||||
@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";
|
||||||
}
|
}
|
||||||
|
|
||||||
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