style global padding and improve margin around components
This commit is contained in:
parent
364a3fee29
commit
44990abd68
2 changed files with 5 additions and 5 deletions
|
@ -1,7 +1,8 @@
|
|||
div.App {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
max-height: 100vh;
|
||||
max-width: 100vw;
|
||||
line-height: 1.25em;
|
||||
padding: 1em;
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
|
@ -27,7 +28,7 @@ div.App {
|
|||
grid-template-rows: repeat(auto-fill, minmax(300px, 1fr));
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
max-height: 85vh;
|
||||
margin: 1em;
|
||||
overflow-y: scroll;
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
div.Features {
|
||||
max-width: 85%;
|
||||
|
||||
ul.Features__list li {
|
||||
display: grid;
|
||||
|
@ -7,7 +6,7 @@ div.Features {
|
|||
|
||||
span.feature--names-and-phones {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
|
||||
}
|
||||
|
||||
span.feature-name {
|
||||
|
|
Loading…
Reference in a new issue