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; + } } } }