From 97c90b5ea70064f90b763d88ed8b5a10e6edc661 Mon Sep 17 00:00:00 2001 From: hyesung oh Date: Sat, 15 Apr 2023 00:34:12 +0900 Subject: [PATCH] =?UTF-8?q?=EC=8A=A4=ED=8F=B0=EC=84=9C=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20(#245)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * style: nth-child to nth of type * feat: append naver cloud to sponsor * feat: append more sponsors * style: resize aws logo --- public/images/sponsor/aws.svg | 5 + public/images/sponsor/dcamp.svg | 8 ++ public/images/sponsor/inflearn.svg | 11 ++ public/images/sponsor/naver-cloud.svg | 111 ++++++++++++++++++++ src/components/about/SponsorSection.tsx | 11 +- src/components/home/IntroductionSection.tsx | 2 +- 6 files changed, 144 insertions(+), 4 deletions(-) create mode 100644 public/images/sponsor/aws.svg create mode 100644 public/images/sponsor/dcamp.svg create mode 100644 public/images/sponsor/inflearn.svg create mode 100644 public/images/sponsor/naver-cloud.svg diff --git a/public/images/sponsor/aws.svg b/public/images/sponsor/aws.svg new file mode 100644 index 00000000..09328394 --- /dev/null +++ b/public/images/sponsor/aws.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/images/sponsor/dcamp.svg b/public/images/sponsor/dcamp.svg new file mode 100644 index 00000000..643c5ad0 --- /dev/null +++ b/public/images/sponsor/dcamp.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/images/sponsor/inflearn.svg b/public/images/sponsor/inflearn.svg new file mode 100644 index 00000000..e61fb37c --- /dev/null +++ b/public/images/sponsor/inflearn.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/images/sponsor/naver-cloud.svg b/public/images/sponsor/naver-cloud.svg new file mode 100644 index 00000000..6b218a00 --- /dev/null +++ b/public/images/sponsor/naver-cloud.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/about/SponsorSection.tsx b/src/components/about/SponsorSection.tsx index 595c6d1e..3ceff447 100644 --- a/src/components/about/SponsorSection.tsx +++ b/src/components/about/SponsorSection.tsx @@ -53,12 +53,13 @@ const headingCss = css` `; const articleCss = css` - width: 100%; + width: 80%; display: flex; flex-wrap: wrap; justify-content: center; - row-gap: 24px; - column-gap: 52px; + align-items: center; + row-gap: 30px; + column-gap: 7rem; `; interface SponsorImage { @@ -70,6 +71,10 @@ interface SponsorImage { const SPONSORS: SponsorImage[] = [ { name: '임팩트 캠퍼스', src: `${SPONSOR_IMAGE_BASE}/impact-campus.svg`, width: 211, height: 46 }, + { name: '네이버 클라우드', src: `${SPONSOR_IMAGE_BASE}/naver-cloud.svg`, width: 213, height: 23 }, + { name: '인프런', src: `${SPONSOR_IMAGE_BASE}/inflearn.svg`, width: 176, height: 33 }, + { name: 'AWS', src: `${SPONSOR_IMAGE_BASE}/aws.svg`, width: 88, height: 54 }, + { name: 'dcamp', src: `${SPONSOR_IMAGE_BASE}/dcamp.svg`, width: 162, height: 38 }, ]; function Sponsor({ name, src, width, height }: SponsorImage) { diff --git a/src/components/home/IntroductionSection.tsx b/src/components/home/IntroductionSection.tsx index 72ac4858..c205bcaa 100644 --- a/src/components/home/IntroductionSection.tsx +++ b/src/components/home/IntroductionSection.tsx @@ -120,7 +120,7 @@ const infoBoxCss = css` width: calc(50% - 3px); height: 150px; - &:nth-child(even) { + &:nth-of-type(even) { margin-left: 6px; } }