From 92b21dc0cfcaf1e5a4a7870ced584f72ff5a2a2e Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Wed, 28 Dec 2022 22:37:59 -0800 Subject: [PATCH] JobSection updates * Make Job preview full width * Use smaller layout on tablets and phones --- components/JobSection/index.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/components/JobSection/index.scss b/components/JobSection/index.scss index ed393f57..01a926ea 100644 --- a/components/JobSection/index.scss +++ b/components/JobSection/index.scss @@ -1,9 +1,10 @@ #Job { + align-items: center; box-sizing: border-box; display: flex; margin-bottom: $unit * 3; - @include breakpoint(phone) { + @include breakpoint(tablet) { flex-direction: column; gap: $unit; } @@ -60,7 +61,7 @@ @include breakpoint(phone) { aspect-ratio: 16/9; margin: 0; - width: inherit; + width: 100%; height: inherit; }