tbs093a
/
curriculum.vitae
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(cv): scale down styles for screens ≤415px 

Reduce title width/height/font, content fonts, captcha dimensions and
padding to fit narrow mobile viewports without overflow.

Made-with: Cursor
master
sii42400 2026-04-16 16:38:22 +02:00
parent 501a055c0c
commit 71b2140f92
1 changed files with 107 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
src/styles/general.scss
View File

@ -519,3 +519,110 @@ body {
} }
} }
} }
@media (max-width: 415px) {
.global_segment {
padding: 0 6px;
.title_bar {
font-size: 11pt;
}
.language_bar {
font-size: 11pt;
}
.segment_general {
.segment_image {
width: 80px;
height: 100px;
}
.segment_content_image {
width: 75px;
height: 95px;
padding: 6px;
font-size: 3.5pt;
}
.segment_header_middle {
left: 75px;
right: 90px;
}
.segment_title_image {
margin-left: -8px;
height: 26px;
font-size: 10pt;
}
.segment_description_general {
font-size: 5.5pt;
margin: 4px 4px 4px 10px;
}
}
.segment_title {
width: 130px;
font-size: 10pt;
height: 28px;
}
.segment_content_work {
font-size: 7pt;
.segment_content_title {
font-size: 7.5pt;
}
ul {
margin-left: 14px;
}
ul li {
padding-top: 4px;
}
ul li::before {
margin-left: -4.25em;
}
}
.segment_description {
font-size: 6.5pt;
margin: 4px 0 4px 10px;
}
.captcha-container .captcha-form {
width: 85px;
height: 105px;
font-size: 6pt;
padding: 0 5px;
p {
margin-top: 4px;
margin-bottom: 4px;
font-size: 6pt;
}
a {
padding-left: 15px;
padding-right: 15px;
font-size: 6pt;
}
form {
margin-top: 2px;
}
.captcha-input {
margin-bottom: 2px;
}
.captcha-input, .captcha-button {
padding: 3px;
font-size: 5pt;
}
}
}
}