mark
/
hermina
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match critical slider CSS to final styles
Deploy to Development and Production / deploy (push) Successful in 5s Details

This commit is contained in:
Mark Poljanšek 2025-11-03 16:12:57 +01:00
parent b18033fbf8
commit 7681a62715
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@ -35,7 +35,7 @@
.slide-content { .slide-content {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 2.5rem; gap: 4rem;
} }
.slide-image { flex: 1 1 50%; } .slide-image { flex: 1 1 50%; }
.slide-image img { .slide-image img {
@ -45,11 +45,18 @@
border-radius: 0.5rem; border-radius: 0.5rem;
} }
.slide-text { flex: 1 1 50%; } .slide-text { flex: 1 1 50%; }
.slide-text h2 {
font-size: clamp(1.8rem, 4vw, 2.5rem);
color: #0804fc;
margin-bottom: 1rem;
line-height: 1.2;
}
.slide-text p { margin-bottom: 1rem; }
.slide-portrait { .slide-portrait {
float: right; float: right;
width: 250px; width: 250px;
height: 250px; height: 250px;
margin: 0 0 2rem 2rem; margin: 0 0 1rem 2rem;
border-radius: 10px; border-radius: 10px;
overflow: hidden; overflow: hidden;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);