File tree Expand file tree Collapse file tree 1 file changed +76
-8
lines changed Expand file tree Collapse file tree 1 file changed +76
-8
lines changed Original file line number Diff line number Diff line change @@ -375,7 +375,7 @@ nav ul li {
375
375
376
376
@media (max-width : 700px ) {
377
377
.left a {
378
- font-size : 3 vw ;
378
+ font-size : 3.1 vw ;
379
379
}
380
380
381
381
.left img {
@@ -452,28 +452,68 @@ nav ul li {
452
452
}
453
453
454
454
@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
+
455
490
.experience .left-item {
456
- height : 180px ;
491
+ height : fit-content;
492
+ }
493
+ .exp-img {
494
+ margin : auto 0 ;
457
495
}
458
496
.left-item h1 {
459
- font-size : 13 px ;
497
+ font-size : 16 px ;
460
498
}
461
499
.left-item span {
462
- font-size : 5px ;
500
+ font-size : 10px ;
501
+ margin-bottom : 5px ;
463
502
}
464
503
465
504
.experience .right-item {
466
- height : 180 px ;
505
+ height : fit-content ;
467
506
}
468
507
.right-item h1 {
469
- font-size : 13 px ;
508
+ font-size : 16 px ;
470
509
}
471
510
.right-item span {
472
- font-size : 5px ;
511
+ font-size : 10px ;
512
+ margin-bottom : 5px ;
473
513
}
474
514
475
515
.exp-desc-head {
476
- height : 65 px ;
516
+ height : fit-content ;
477
517
}
478
518
.exp-desc-body {
479
519
font-size : 5px ;
@@ -483,4 +523,32 @@ nav ul li {
483
523
background-color : # 050b1f ;
484
524
box-shadow : 8px 8px 10px # a8b3ec ;
485
525
}
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
+ }
486
554
}
You can’t perform that action at this time.
0 commit comments