mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-06 15:18:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

minor fix

Browse source
This commit is contained in:
Niklas 2025-07-01 11:27:18 +02:00 • committed by Luisa Bellitto
parent 6fda53827f
commit 14829caf7c
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
code/frontend/src/pages/About.tsx
View file

@ -6,12 +6,12 @@ function About() {
return ( return (
<div className="mainbox"> <div className="mainbox">
<div className="intro"> <div className="intro">
<div className="block block-l"> <div className="block">
<div className="item text1 text-start"> <div className="item text1 text-start">
Bringing birds closer to you... Bringing birds closer to you
</div> </div>
<img <img
className="item item-end pic pic-justify" className="item item-end pic pi-l pic-justify"
src="/assets/images/BirdOnCam.jpg" src="/assets/images/BirdOnCam.jpg"
alt="A bird sitting on a camera" alt="A bird sitting on a camera"
/> />
@ -23,11 +23,11 @@ function About() {
alt="A curious-interested looking cute bird" alt="A curious-interested looking cute bird"
/> />
<div className="item text1 text-end grid-start text1"> <div className="item text1 text-end grid-start text1">
..and the birds you love... And the birds you love
</div> </div>
</div> </div>
<div className="block"> <div className="block">
<div className="item text1 text-start">...enhance your day.</div> <div className="item text1 text-start">Enhance your day</div>
<img <img
className="item item-end pic pic-justify" className="item item-end pic pic-justify"
src="/assets/images/owlFancyFace.jpg" src="/assets/images/owlFancyFace.jpg"

4
code/frontend/src/pages/about.css
View file

@ -59,7 +59,7 @@
margin: 3vw; margin: 3vw;
max-width: 94vw; max-width: 94vw;
} }
.block-l { .pic-l {
height: clamp(24rem, 60vh, 100%) !important; height: clamp(24rem, 60vh, 100%) !important;
} }
@ -118,7 +118,7 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.explain-pic { .explain-pic {
max-height: clamp(600px, 120vh, 1200px); max-height: clamp(600px, 140vh, 1200px);
width: auto; width: auto;
justify-self: center; justify-self: center;
} }