tweak styles
This commit is contained in:
parent
e573220f3f
commit
1b32edd6bf
|
@ -10,7 +10,7 @@ body {
|
||||||
main {
|
main {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
padding: 25px;
|
padding: 20px 15px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
@ -45,10 +45,10 @@ input {
|
||||||
|
|
||||||
button {
|
button {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
border: 1px solid #333;
|
|
||||||
background: #ededed;
|
background: #ededed;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
|
border: 1px solid #ededed;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
@ -90,3 +90,9 @@ p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
main {
|
||||||
|
padding: 15px 5px;
|
||||||
|
}
|
||||||
|
}
|
|
@ -26,6 +26,10 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
article {
|
article {
|
||||||
|
padding: 10px 0;
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-bottom: 1px solid #ededed;
|
||||||
display: grid;
|
display: grid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
|
@ -54,11 +58,12 @@
|
||||||
.footer {
|
.footer {
|
||||||
grid-area: footer;
|
grid-area: footer;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 3px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer button {
|
.footer button {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
padding: 7px 10px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer svg {
|
.footer svg {
|
||||||
|
|
Loading…
Reference in New Issue