diff --git a/assets/teja.css b/assets/teja.css index d01459f..f688ef5 100644 --- a/assets/teja.css +++ b/assets/teja.css @@ -54,28 +54,47 @@ } .top-row .right-container { flex: 1 1 auto; + text-align: center; } -.teja-row-2 { - padding: 2em; +.teja-row { display: flex; - flex-direction: row; - gap: 2em; } @media (width > 578px) { - .teja-row-2 { - flex-wrap: nowrap; + .teja-row.row-3 img { + width: 500px; } - .teja-row-2 img { +} +@media (width <= 578px) { + .teja-row.row-3 img { + width: 500px; + } +} +@media (width > 578px) { + .teja-row.row-2 img { width: 650px; } } @media (width <= 578px) { - .teja-row-2 { + .teja-row.row-2 img { + width: 500px; + } +} +@media (width > 578px) { + .teja-row { + flex-direction: row; + flex-wrap: nowrap; + gap: 2em; + padding: 2em; + } +} +@media (width <= 578px) { + .teja-row { + flex-direction: column; flex-wrap: wrap; } - .teja-row-2 img { - width: 500px; + .teja-row div { + text-align: center; } } diff --git a/assets/teja.css.map b/assets/teja.css.map index 6601913..edaa407 100644 --- a/assets/teja.css.map +++ b/assets/teja.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/teja.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;EAEA;IACI;;EAGJ;IACI;;;AAIR;EAlBJ;IAmBQ;IASA;;EAPA;IACI;;EAGJ;IACG;;;AAKP;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;EAEA;IACI;;;AAIR;EAdJ;IAeQ;;EAEA;IACI","file":"teja.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/teja.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;EAEA;IACI;;EAGJ;IACI;;;AAIR;EAlBJ;IAmBQ;IAUA;;EARA;IACI;;EAGJ;IACI;;;AAMR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;;AAIR;EACI;EACA;;;AAIR;EAEI;;AAGI;EACI;IACI;;;AAIR;EACI;IACI;;;AAMR;EACI;IACI;;;AAIR;EACI;IACI;;;AAKZ;EAhCJ;IAiCQ;IACA;IACA;IACA;;;AAGJ;EAvCJ;IAwCQ;IACA;;EAEA;IACI","file":"teja.css"} \ No newline at end of file diff --git a/scss/teja.scss b/scss/teja.scss index 598f6e3..9d01138 100644 --- a/scss/teja.scss +++ b/scss/teja.scss @@ -29,8 +29,9 @@ } .hide-sm { - display: none; + display: none; } + gap: 2em; } @@ -62,28 +63,55 @@ .right-container { flex: 1 1 auto; + text-align: center; } } -.teja-row-2 { - padding: 2em; +.teja-row { + display: flex; - flex-direction: row; - gap: 2em; - @media (width > 578px) { - flex-wrap: nowrap; + &.row-3 { + @media (width > 578px) { + img { + width: 500px; + } + } - img { - width: 650px; + @media (width <=578px) { + img { + width: 500px; + } + } + } + + &.row-2 { + @media (width > 578px) { + img { + width: 650px; + } + } + + @media (width <=578px) { + img { + width: 500px; + } } } + @media (width > 578px) { + flex-direction: row; + flex-wrap: nowrap; + gap: 2em; + padding: 2em; + } + @media (width <=578px) { + flex-direction: column; flex-wrap: wrap; - img { - width: 500px; + div { + text-align: center; } } diff --git a/teja.html b/teja.html index 998396b..d8b3ff3 100644 --- a/teja.html +++ b/teja.html @@ -44,15 +44,22 @@ -






