daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-13 13:22:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

landing responsive font size change

Browse Source
This commit is contained in:
BFlat committed 2024-03-12 12:59:43 +07:00
1 parent 253404b53a
commit 960e5e250e
2 files changed
+32 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/fakeyou.com/src/v2/view/pages/landing/components/LandingVideoReel/LandingVideoReel.scss
+30
View File
@@ -31,4 +31,34 @@
z-index: 1;
}
}
.storyteller-landing-heading {
font-size: 52px;
}
.storyteller-landing-sub-text {
max-width: 900px;
font-size: 18px;
}
@media screen and (max-width: 992px) {
.storyteller-landing-heading {
font-size: 44px;
}
.storyteller-landing-sub-text {
max-width: 100%;
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.storyteller-landing-heading {
font-size: 32px;
}
.storyteller-landing-sub-text {
font-size: 16px;
}
}
}
packages/fakeyou.com/src/v2/view/pages/landing/components/LandingVideoReel/LandingVideoReel.tsx
+2 -2
View File
@@ -51,10 +51,10 @@ export default function LandingVideoReel(props: LandingVideoReelProps) {
<div className="reel-overlay">
<div className="container h-100">
<div className="text-center text-white d-flex flex-column justify-content-center align-items-center zi-2 h-100">
<h1 className="display-3 fw-bold">
<h1 className="storyteller-landing-heading fw-bold">
Enabling Anyone to Make Professional Film, Animation, and Music
</h1>
<h5 className="fw-normal mb-2 mt-2 w-75 lh-base opacity-75">
<h5 className="fw-normal mb-2 mt-2 lh-base opacity-75 storyteller-landing-sub-text">
StorytellerAI's powerful new engine combines Generative AI and
User Generated Content to radically democratize both audio and
video production.