diff --git a/pages/ueber-uns.js b/pages/ueber-uns.js
index dd94f62..dd6d099 100644
--- a/pages/ueber-uns.js
+++ b/pages/ueber-uns.js
@@ -35,8 +35,10 @@ export default function Home() {
src="https://cdn.discordapp.com/attachments/933369908341932052/983361091063128124/Profile_Image2.png"
alt="ProfileImage"
/>
-
Stefan Arnold
- Inhaber
+
+
Stefan Arnold
+ Inhaber
+
diff --git a/styles/UeberUns.module.css b/styles/UeberUns.module.css
index bb9f0a4..2222dcc 100644
--- a/styles/UeberUns.module.css
+++ b/styles/UeberUns.module.css
@@ -1 +1 @@
-.teamContainer{width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.teamContainer div{height:300px;width:250px;border:1px solid #000;border-radius:10px;text-align:center}.teamContainer div img{-o-object-fit:cover;object-fit:cover;width:100%;height:75%;border-top-left-radius:10px;border-top-right-radius:10px}.teamContainer div h2{margin:0;padding:0}.teamContainer div h3{margin:0;padding:0;color:gray;font-weight:normal}
\ No newline at end of file
+.teamContainer{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.teamContainer>div{height:260px;width:250px;display:flex;justify-content:space-around;align-items:center;flex-direction:column;border-radius:10px;box-shadow:rgba(0,0,0,.24) 0px 3px 15px;text-align:center}.teamContainer>div img{-o-object-fit:cover;object-fit:cover;width:50%;height:50%;border-radius:50%}.teamContainer>div div{display:flex;justify-content:space-around;align-items:center;flex-direction:column}.teamContainer>div div h2{margin:0;padding:0}.teamContainer>div div h3{margin:0;padding:0;color:gray;font-weight:normal}
\ No newline at end of file
diff --git a/styles/UeberUns.module.scss b/styles/UeberUns.module.scss
index 6175db8..deec483 100644
--- a/styles/UeberUns.module.scss
+++ b/styles/UeberUns.module.scss
@@ -2,37 +2,49 @@
width: 100%;
display: flex;
- justify-content: space-around;
+ justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
- div {
- height: 300px;
+ > div {
+ height: 260px;
width: 250px;
- border: 1px solid black;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ flex-direction: column;
+
border-radius: 10px;
+ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 15px;
+
text-align: center;
img {
object-fit: cover;
- width: 100%;
- height: 75%;
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
+ width: 50%;
+ height: 50%;
+ border-radius: 50%;
}
- h2 {
- // margin: 0 1rem;
- margin: 0;
- padding: 0;
- }
- h3 {
- // margin: -0.5rem 1rem;
- margin: 0;
- padding: 0;
- color: grey;
- font-weight: normal;
+ div {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ flex-direction: column;
+
+ h2 {
+ // margin: 0 1rem;
+ margin: 0;
+ padding: 0;
+ }
+ h3 {
+ // margin: -0.5rem 1rem;
+ margin: 0;
+ padding: 0;
+ color: grey;
+ font-weight: normal;
+ }
}
}
}