diff options
Diffstat (limited to 'src/css')
| -rw-r--r-- | src/css/mobile-styles.css | 23 | ||||
| -rw-r--r-- | src/css/styles.css | 31 |
2 files changed, 27 insertions, 27 deletions
diff --git a/src/css/mobile-styles.css b/src/css/mobile-styles.css new file mode 100644 index 0000000..36553cc --- /dev/null +++ b/src/css/mobile-styles.css @@ -0,0 +1,23 @@ +@media screen and (min-width: 900px) { + body { + width: 100%; + /* margin: auto; */ + } + .card-img { + display: flex; + flex-flow: row wrap; + align-content: flex-start; + } + .card img { + width: 400px; + } + form input[type=text], input[type=password], input[type=email] { + max-width: 600px; + } + form textarea { + max-width: 600px; + } + form input[type=submit] { + margin-left: 0px; + } +}
\ No newline at end of file diff --git a/src/css/styles.css b/src/css/styles.css index 522b007..f406104 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -11,8 +11,9 @@ body { - width: 100%; - margin: 0px; + width: 80%; + margin: auto; + /* margin: 0px; */ background-color: var(--background); font-family: Arial, Helvetica, sans-serif; } @@ -93,7 +94,7 @@ a { width: 100%; } .feed { - width: 80%; + /* width: 80%; */ min-width: 200px; margin: auto; display: flex; @@ -109,30 +110,6 @@ p { margin-top: 0; } -@media screen and (min-width: 900px) { - body { - width: 100%; - /* margin: auto; */ - } - .card-img { - display: flex; - flex-flow: row wrap; - align-content: flex-start; - } - .card img { - width: 400px; - } - form input[type=text], input[type=password], input[type=email] { - max-width: 600px; - } - form textarea { - max-width: 600px; - } - form input[type=submit] { - margin-left: 0px; - } -} - .titlebar { padding: 5px; border-top: 1px solid var(--light-text); |