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

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

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