From 0fcb8dc61ec2c80963cbe789aa50fcc5ed0ed507 Mon Sep 17 00:00:00 2001 From: Petr Selfin Date: Thu, 4 Jul 2024 15:30:00 +0300 Subject: [PATCH] fix: css mobile --- css/styles.css | 5 ++++- css/styles.css.map | 2 +- scss/styles.scss | 6 +++++- 3 files changed, 10 insertions(+), 3 deletions(-) diff --git a/css/styles.css b/css/styles.css index ea135c2..799f7ac 100644 --- a/css/styles.css +++ b/css/styles.css @@ -48,7 +48,7 @@ main { main div.row { display: flex; gap: 20px; - flex-direction: column; + flex-direction: row; } pre { @@ -82,6 +82,9 @@ footer img { min-width: 320px; padding: 0 10px; } + main div.row { + flex-direction: column; + } .logo { display: none; } diff --git a/css/styles.css.map b/css/styles.css.map index 19df326..247a0b9 100644 --- a/css/styles.css.map +++ b/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/styles.scss"],"names":[],"mappings":"AAWA;EACI;EACA;EACA;;;AAGJ;EAEI;EACA;;AAEA;EArBA;EACA;EACA;EACA;EACA;;AAqBA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGA;EACI;EACA;;AAMhB;EACI;EACA;EACA;;;AAKR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;AAEA;EAjFA;EACA;EACA;EACA;EACA;;AAkFA;EAAG;;AAEH;EACI;EACA;;;AAKR;EAWI;IACI;IACA;;EAGJ;IAAO;;EAGH;IAAI;;EAGJ;IApBA;IACA;IACA;IACA;IACA;IACA;IACA","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/styles.scss"],"names":[],"mappings":"AAWA;EACI;EACA;EACA;;;AAGJ;EAEI;EACA;;AAEA;EArBA;EACA;EACA;EACA;EACA;;AAqBA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGA;EACI;EACA;;AAMhB;EACI;EACA;EACA;;;AAKR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;AAEA;EAjFA;EACA;EACA;EACA;EACA;;AAkFA;EAAG;;AAEH;EACI;EACA;;;AAKR;EAWI;IACI;IACA;;EAEA;IACO;;EAIX;IAAO;;EAGH;IAAI;;EAGJ;IAxBA;IACA;IACA;IACA;IACA;IACA;IACA","file":"styles.css"} \ No newline at end of file diff --git a/scss/styles.scss b/scss/styles.scss index 1c0ba2c..eb957c5 100644 --- a/scss/styles.scss +++ b/scss/styles.scss @@ -64,7 +64,7 @@ main { div.row { display: flex; gap: 20px; - flex-direction: column; + flex-direction: row; } } @@ -108,6 +108,10 @@ footer { main { min-width: 320px; padding: 0 10px; + + div.row { + flex-direction: column; + } } .logo {display: none;}