diff --git a/src/components/AboutDescription/style.module.scss b/src/components/AboutDescription/style.module.scss index 4355715..3163190 100644 --- a/src/components/AboutDescription/style.module.scss +++ b/src/components/AboutDescription/style.module.scss @@ -18,12 +18,15 @@ color: vars.$light-blue; word-break: break-word; } + .hacks { color: vars.$orange; } + .emphasis { color: vars.$yellow; } + .description { display: grid; grid-template-columns: 1fr 1fr; @@ -33,6 +36,7 @@ grid-template-columns: 1fr; } } + .prompt { display: flex; flex-direction: column; diff --git a/src/components/Carousel/index.tsx b/src/components/Carousel/index.tsx index fa1409c..07d9543 100644 --- a/src/components/Carousel/index.tsx +++ b/src/components/Carousel/index.tsx @@ -14,7 +14,6 @@ const Carousel: React.FC = ({ images }) => { {`Hackathon @@ -25,7 +24,6 @@ const Carousel: React.FC = ({ images }) => { {`Hackathon diff --git a/src/components/Carousel/style.module.scss b/src/components/Carousel/style.module.scss index c2deb04..a5b783a 100644 --- a/src/components/Carousel/style.module.scss +++ b/src/components/Carousel/style.module.scss @@ -18,6 +18,7 @@ border-radius: 16px; img { + object-fit: cover; object-position: 40% 20%; border-radius: inherit; } diff --git a/src/components/ImagePicker/index.tsx b/src/components/ImagePicker/index.tsx index 6d25746..d6d100f 100644 --- a/src/components/ImagePicker/index.tsx +++ b/src/components/ImagePicker/index.tsx @@ -56,7 +56,6 @@ const ImagePicker: React.FC = ({ images }) => { {`Hackathon diff --git a/src/components/ImagePicker/style.module.scss b/src/components/ImagePicker/style.module.scss index a34b808..c23ead3 100644 --- a/src/components/ImagePicker/style.module.scss +++ b/src/components/ImagePicker/style.module.scss @@ -19,6 +19,7 @@ aspect-ratio: 1920/1080; img { + object-fit: cover; object-position: 40% 20%; border-radius: inherit; }