Skip to content

Commit 7d51d60

Browse files
committed
enhanced the text size for index page
1 parent 805b6f3 commit 7d51d60

File tree

1 file changed

+76
-8
lines changed

1 file changed

+76
-8
lines changed

styles.css

Lines changed: 76 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -375,7 +375,7 @@ nav ul li {
375375

376376
@media (max-width : 700px) {
377377
.left a {
378-
font-size: 3vw;
378+
font-size: 3.1vw;
379379
}
380380

381381
.left img {
@@ -452,28 +452,68 @@ nav ul li {
452452
}
453453

454454
@media (max-width: 500px) {
455+
nav {
456+
height: 7.5vh;
457+
}
458+
459+
nav ul li {
460+
font-size: 2.8vw;
461+
margin: 0 1.2vw;
462+
}
463+
464+
.top-left {
465+
font-size: 6vw;
466+
}
467+
468+
.top-right {
469+
display: none;
470+
}
471+
472+
.top-right img {
473+
display: none;
474+
}
475+
476+
.my-image {
477+
height: 50vw;
478+
width: 50vw;
479+
margin: 50px auto 70px;
480+
}
481+
482+
.experience span {
483+
font-size: 2vw;
484+
}
485+
486+
.experience h1 {
487+
font-size: 4.5vw;
488+
}
489+
455490
.experience .left-item {
456-
height: 180px;
491+
height: fit-content;
492+
}
493+
.exp-img {
494+
margin: auto 0;
457495
}
458496
.left-item h1 {
459-
font-size: 13px;
497+
font-size: 16px;
460498
}
461499
.left-item span {
462-
font-size: 5px;
500+
font-size: 10px;
501+
margin-bottom: 5px;
463502
}
464503

465504
.experience .right-item {
466-
height: 180px;
505+
height: fit-content;
467506
}
468507
.right-item h1 {
469-
font-size: 13px;
508+
font-size: 16px;
470509
}
471510
.right-item span {
472-
font-size: 5px;
511+
font-size: 10px;
512+
margin-bottom: 5px;
473513
}
474514

475515
.exp-desc-head {
476-
height: 65px;
516+
height: fit-content;
477517
}
478518
.exp-desc-body {
479519
font-size: 5px;
@@ -483,4 +523,32 @@ nav ul li {
483523
background-color: #050b1f;
484524
box-shadow: 8px 8px 10px #a8b3ec;
485525
}
526+
527+
.middle span {
528+
font-size: 2vw;
529+
}
530+
531+
.middle h1 {
532+
font-size: 4.5vw;
533+
}
534+
535+
.skill-item ul li i {
536+
font-size: 4vw;
537+
}
538+
.skillName {
539+
font-size: 4vw;
540+
}
541+
542+
.bottom-h1 {
543+
font-size: 3vw;
544+
}
545+
546+
.social-icons a {
547+
height: 6vw;
548+
width: 6vw;
549+
}
550+
551+
.copyright {
552+
font-size: 2vw;
553+
}
486554
}

0 commit comments

Comments
 (0)