mycoms
04-16
240416 김하영
@348af5948f60d2993244a4c5ff5805e30235ca9f
--- resources/css/responsive.css
+++ resources/css/responsive.css
... | ... | @@ -19,7 +19,7 @@ |
| 19 | 19 |
#root {
|
| 20 | 20 |
width: 100%; |
| 21 | 21 |
/* min-height: 100vh; */ |
| 22 |
- font-size: 0.7rem; |
|
| 22 |
+ font-size: 7px; |
|
| 23 | 23 |
color: var(--color-black); |
| 24 | 24 |
font-family: 'Pretendard'; |
| 25 | 25 |
} |
... | ... | @@ -43,6 +43,7 @@ |
| 43 | 43 |
.mobil-wrap button {
|
| 44 | 44 |
width: 100%; |
| 45 | 45 |
text-align: right; |
| 46 |
+ margin-left: 0px !important; |
|
| 46 | 47 |
} |
| 47 | 48 |
|
| 48 | 49 |
summary::-webkit-details-marker {
|
... | ... | @@ -82,8 +83,8 @@ |
| 82 | 83 |
background-color: #fff; |
| 83 | 84 |
} |
| 84 | 85 |
|
| 85 |
- .mobil-menu nav ul li a {
|
|
| 86 |
- font-size: 1.6rem !important; |
|
| 86 |
+ nav ul li a {
|
|
| 87 |
+ font-size: 2.5rem !important; |
|
| 87 | 88 |
} |
| 88 | 89 |
|
| 89 | 90 |
.clicked {
|
... | ... | @@ -95,7 +96,7 @@ |
| 95 | 96 |
|
| 96 | 97 |
font-weight: 300; |
| 97 | 98 |
color: #333; |
| 98 |
- font-size: 1.4rem !important; |
|
| 99 |
+ font-size: 2.4rem !important; |
|
| 99 | 100 |
} |
| 100 | 101 |
|
| 101 | 102 |
nav>ul {
|
... | ... | @@ -108,13 +109,11 @@ |
| 108 | 109 |
width: 100% !important; |
| 109 | 110 |
} |
| 110 | 111 |
|
| 111 |
- .mobile-menu-button {
|
|
| 112 |
- transform: translateX(10px); |
|
| 113 |
- } |
|
| 112 |
+ |
|
| 114 | 113 |
|
| 115 | 114 |
.mobile-menu-button, |
| 116 | 115 |
.mobile-menu-button-close {
|
| 117 |
- font-size: 2rem; |
|
| 116 |
+ font-size: 2.5rem; |
|
| 118 | 117 |
color: #333; |
| 119 | 118 |
height: 29px; |
| 120 | 119 |
width: 29px; |
... | ... | @@ -180,12 +179,12 @@ |
| 180 | 179 |
.portfolio-text, |
| 181 | 180 |
.map-text, |
| 182 | 181 |
.about-title p:nth-child(1) {
|
| 183 |
- font-size: 2.5rem !important; |
|
| 182 |
+ font-size: 4.5rem !important; |
|
| 184 | 183 |
padding-bottom: 1rem; |
| 185 | 184 |
} |
| 186 | 185 |
|
| 187 | 186 |
.text-main {
|
| 188 |
- font-size: 2.4rem !important; |
|
| 187 |
+ font-size: 4.2rem !important; |
|
| 189 | 188 |
margin-bottom: 2rem; |
| 190 | 189 |
} |
| 191 | 190 |
|
... | ... | @@ -194,25 +193,32 @@ |
| 194 | 193 |
.ai-title p, |
| 195 | 194 |
.meta-title p, |
| 196 | 195 |
.smart-title p {
|
| 197 |
- font-size: 2.3rem; |
|
| 196 |
+ font-size: 3.3rem; |
|
| 198 | 197 |
margin: 1rem; |
| 199 | 198 |
word-break: keep-all; |
| 200 | 199 |
} |
| 201 | 200 |
|
| 202 | 201 |
.sub-text, |
| 203 | 202 |
.solution-sub-text {
|
| 204 |
- font-size: 1.3rem !important; |
|
| 203 |
+ font-size: 2.3rem !important; |
|
| 205 | 204 |
margin-bottom: 0rem; |
| 206 | 205 |
} |
| 207 |
- |
|
| 206 |
+ .marketing-area p span{
|
|
| 207 |
+ font-size: 2rem; |
|
| 208 |
+ } |
|
| 209 |
+ .marketing-area p{
|
|
| 210 |
+ font-size: 2rem; |
|
| 211 |
+ } |
|
| 208 | 212 |
.marketing-wrap-title h1 {
|
| 209 |
- font-size: 3rem; |
|
| 213 |
+ font-size: 4rem; |
|
| 210 | 214 |
} |
| 211 | 215 |
|
| 212 | 216 |
.accordion.active .accordion-num, |
| 213 | 217 |
.accordion.active .accordion-num span {
|
| 214 |
- font-size: 2.4rem; |
|
| 218 |
+ font-size: 4rem; |
|
| 215 | 219 |
margin-bottom: 0rem !important; |
| 220 |
+ text-align: center; |
|
| 221 |
+ margin-bottom: 10px; |
|
| 216 | 222 |
} |
| 217 | 223 |
|
| 218 | 224 |
.history-box {
|
... | ... | @@ -220,7 +226,7 @@ |
| 220 | 226 |
/* 인터넷 익스플로러 */ |
| 221 | 227 |
scrollbar-width: none; |
| 222 | 228 |
height: 80% !important; |
| 223 |
- margin-top: 20px; |
|
| 229 |
+ margin: 20px 10px; |
|
| 224 | 230 |
} |
| 225 | 231 |
|
| 226 | 232 |
.history-area {
|
... | ... | @@ -241,7 +247,7 @@ |
| 241 | 247 |
} |
| 242 | 248 |
|
| 243 | 249 |
.slide-solution .text-area {
|
| 244 |
- padding: 6rem 2rem; |
|
| 250 |
+ padding: 12rem 2rem 6rem 2rem; |
|
| 245 | 251 |
} |
| 246 | 252 |
|
| 247 | 253 |
|
... | ... | @@ -266,13 +272,13 @@ |
| 266 | 272 |
} |
| 267 | 273 |
|
| 268 | 274 |
.box p:nth-child(1) {
|
| 269 |
- font-size: 1.5rem; |
|
| 275 |
+ font-size: 2.5rem; |
|
| 270 | 276 |
font-weight: 600; |
| 271 | 277 |
} |
| 272 | 278 |
|
| 273 | 279 |
.box p {
|
| 274 | 280 |
font-weight: 300; |
| 275 |
- font-size: 1.2rem; |
|
| 281 |
+ font-size: 2rem; |
|
| 276 | 282 |
} |
| 277 | 283 |
|
| 278 | 284 |
|
... | ... | @@ -298,7 +304,7 @@ |
| 298 | 304 |
#solution .text-area {
|
| 299 | 305 |
width: 100% !important; |
| 300 | 306 |
height: 100%; |
| 301 |
- padding: 6rem 2rem !important; |
|
| 307 |
+ padding: 12rem 2rem 6rem 2rem!important; |
|
| 302 | 308 |
} |
| 303 | 309 |
|
| 304 | 310 |
.text-area {
|
... | ... | @@ -312,11 +318,11 @@ |
| 312 | 318 |
} |
| 313 | 319 |
|
| 314 | 320 |
.innerSwiper-title {
|
| 315 |
- font-size: 1.7rem; |
|
| 321 |
+ font-size: 2.7rem; |
|
| 316 | 322 |
} |
| 317 | 323 |
|
| 318 | 324 |
.innerSwiper-text {
|
| 319 |
- font-size: 1.3rem; |
|
| 325 |
+ font-size: 2.3rem; |
|
| 320 | 326 |
} |
| 321 | 327 |
|
| 322 | 328 |
.innerSwiper .swiper-slide {
|
... | ... | @@ -330,7 +336,7 @@ |
| 330 | 336 |
|
| 331 | 337 |
.marketing-wrapper {
|
| 332 | 338 |
width: 100%; |
| 333 |
- padding: 1rem 1rem 2rem 1rem; |
|
| 339 |
+ padding: 1rem 2rem 2rem 2rem; |
|
| 334 | 340 |
margin: 0 auto; |
| 335 | 341 |
} |
| 336 | 342 |
|
... | ... | @@ -351,7 +357,7 @@ |
| 351 | 357 |
} |
| 352 | 358 |
|
| 353 | 359 |
.marketing-title {
|
| 354 |
- font-size: 1.8rem !important; |
|
| 360 |
+ font-size: 2.8rem !important; |
|
| 355 | 361 |
} |
| 356 | 362 |
|
| 357 | 363 |
.gradient-bottom {
|
... | ... | @@ -392,12 +398,12 @@ |
| 392 | 398 |
.address-tile {
|
| 393 | 399 |
width: 100%; |
| 394 | 400 |
text-align: center; |
| 395 |
- font-size: 1.4rem; |
|
| 401 |
+ font-size: 2.4rem; |
|
| 396 | 402 |
padding-left: 0px; |
| 397 | 403 |
} |
| 398 | 404 |
|
| 399 | 405 |
.address-subtitle {
|
| 400 |
- font-size: 1.3rem !important; |
|
| 406 |
+ font-size: 1.8rem !important; |
|
| 401 | 407 |
} |
| 402 | 408 |
|
| 403 | 409 |
.address-tile::after {
|
... | ... | @@ -410,7 +416,7 @@ |
| 410 | 416 |
|
| 411 | 417 |
.map-btn button {
|
| 412 | 418 |
/* width: 40%; */ |
| 413 |
- font-size: 1.5rem; |
|
| 419 |
+ font-size: 2.2rem; |
|
| 414 | 420 |
font-weight: 500; |
| 415 | 421 |
} |
| 416 | 422 |
|
... | ... | @@ -434,12 +440,12 @@ |
| 434 | 440 |
.footer-text div p, |
| 435 | 441 |
.footer-text p {
|
| 436 | 442 |
width: 100% !important; |
| 437 |
- font-size: 1.2rem !important; |
|
| 443 |
+ font-size: 2rem !important; |
|
| 438 | 444 |
padding-left: 0px !important; |
| 439 | 445 |
} |
| 440 | 446 |
|
| 441 | 447 |
.copyright {
|
| 442 |
- font-size: 1.3rem !important; |
|
| 448 |
+ font-size: 2rem !important; |
|
| 443 | 449 |
} |
| 444 | 450 |
|
| 445 | 451 |
.about-wrap {
|
... | ... | @@ -454,11 +460,11 @@ |
| 454 | 460 |
|
| 455 | 461 |
.container {
|
| 456 | 462 |
width: 100%; |
| 457 |
- height: 80% !important; |
|
| 463 |
+ height: 70% !important; |
|
| 458 | 464 |
} |
| 459 | 465 |
|
| 460 | 466 |
.about-title-sub {
|
| 461 |
- font-size: 1.5rem; |
|
| 467 |
+ font-size: 2.5rem; |
|
| 462 | 468 |
margin-bottom: 0px; |
| 463 | 469 |
} |
| 464 | 470 |
|
... | ... | @@ -472,11 +478,13 @@ |
| 472 | 478 |
} |
| 473 | 479 |
|
| 474 | 480 |
.about-area p {
|
| 475 |
- font-size: 1.2rem; |
|
| 481 |
+ font-size: 2.2rem; |
|
| 476 | 482 |
} |
| 477 |
- |
|
| 483 |
+ .month{
|
|
| 484 |
+ font-size: 2.5rem; |
|
| 485 |
+ } |
|
| 478 | 486 |
.month-text p {
|
| 479 |
- font-size: 1.2rem; |
|
| 487 |
+ font-size: 2.2rem; |
|
| 480 | 488 |
margin-bottom: 0rem; |
| 481 | 489 |
} |
| 482 | 490 |
|
... | ... | @@ -523,13 +531,18 @@ |
| 523 | 531 |
.accordion2, |
| 524 | 532 |
.accordion1, |
| 525 | 533 |
.accordion3 {
|
| 534 |
+ display: flex; |
|
| 535 |
+ flex-direction: column; |
|
| 536 |
+ align-content: center; |
|
| 537 |
+ justify-content: center; |
|
| 538 |
+ |
|
| 526 | 539 |
background-position: center; |
| 527 | 540 |
} |
| 528 | 541 |
|
| 529 | 542 |
.accordion2::after, |
| 530 | 543 |
.accordion1::after, |
| 531 | 544 |
.accordion3::after {
|
| 532 |
- font-size: 2.4rem; |
|
| 545 |
+ font-size: 3.4rem; |
|
| 533 | 546 |
top: 8px; |
| 534 | 547 |
left: 15px; |
| 535 | 548 |
} |
... | ... | @@ -537,7 +550,7 @@ |
| 537 | 550 |
.accordion2::before, |
| 538 | 551 |
.accordion1::before, |
| 539 | 552 |
.accordion3::before {
|
| 540 |
- font-size: 2.4rem; |
|
| 553 |
+ font-size: 3.4rem; |
|
| 541 | 554 |
top: 8px; |
| 542 | 555 |
left: 60px; |
| 543 | 556 |
} |
... | ... | @@ -550,11 +563,12 @@ |
| 550 | 563 |
|
| 551 | 564 |
.slideText p:last-child, |
| 552 | 565 |
.slideTextDtail p {
|
| 553 |
- font-size: 1.5rem; |
|
| 566 |
+ font-size: 3rem; |
|
| 567 |
+ text-align: center; |
|
| 554 | 568 |
} |
| 555 | 569 |
|
| 556 | 570 |
.slideText p:first-child {
|
| 557 |
- font-size: 2rem; |
|
| 571 |
+ font-size: 4rem; |
|
| 558 | 572 |
} |
| 559 | 573 |
|
| 560 | 574 |
.month-text p::after {
|
... | ... | @@ -568,7 +582,7 @@ |
| 568 | 582 |
|
| 569 | 583 |
.slideTextDtail p:nth-child(1) {
|
| 570 | 584 |
display: block !important; |
| 571 |
- font-size: 1.3rem; |
|
| 585 |
+ font-size: 2.3rem; |
|
| 572 | 586 |
border-bottom: 0px !important; |
| 573 | 587 |
margin-bottom: 0rem !important; |
| 574 | 588 |
} |
... | ... | @@ -693,7 +707,7 @@ |
| 693 | 707 |
|
| 694 | 708 |
.taken-box p {
|
| 695 | 709 |
margin-top: 0px; |
| 696 |
- font-size: 1.2rem; |
|
| 710 |
+ font-size: 2.2rem; |
|
| 697 | 711 |
} |
| 698 | 712 |
|
| 699 | 713 |
|
... | ... | @@ -702,7 +716,7 @@ |
| 702 | 716 |
font-weight: 600; |
| 703 | 717 |
margin-top: 1rem; |
| 704 | 718 |
text-align: center; |
| 705 |
- font-size: 1.6rem; |
|
| 719 |
+ font-size: 2.6rem; |
|
| 706 | 720 |
margin-left: 0rem; |
| 707 | 721 |
} |
| 708 | 722 |
|
... | ... | @@ -760,12 +774,12 @@ |
| 760 | 774 |
} |
| 761 | 775 |
|
| 762 | 776 |
#customized .box-wrap p {
|
| 763 |
- font-size: 1.6rem; |
|
| 777 |
+ font-size: 2.6rem; |
|
| 764 | 778 |
margin: 2rem 0; |
| 765 | 779 |
} |
| 766 | 780 |
|
| 767 | 781 |
#smart .box-wrap-title {
|
| 768 |
- font-size: 1.6rem !important; |
|
| 782 |
+ font-size: 2.6rem !important; |
|
| 769 | 783 |
font-weight: 600 !important; |
| 770 | 784 |
word-break: keep-all; |
| 771 | 785 |
|
... | ... | @@ -778,7 +792,7 @@ |
| 778 | 792 |
|
| 779 | 793 |
#smart .etc-wrap-text div p, |
| 780 | 794 |
#etc .etc-box p {
|
| 781 |
- font-size: 1.4rem; |
|
| 795 |
+ font-size: 2.4rem; |
|
| 782 | 796 |
padding: 0px; |
| 783 | 797 |
text-align: center; |
| 784 | 798 |
font-weight: 400; |
... | ... | @@ -828,7 +842,7 @@ |
| 828 | 842 |
} |
| 829 | 843 |
|
| 830 | 844 |
#Data .box-wrap p {
|
| 831 |
- font-size: 1.6rem; |
|
| 845 |
+ font-size: 2.6rem; |
|
| 832 | 846 |
font-weight: 600 !important; |
| 833 | 847 |
margin: 2rem 0; |
| 834 | 848 |
} |
... | ... | @@ -840,17 +854,17 @@ |
| 840 | 854 |
} |
| 841 | 855 |
|
| 842 | 856 |
.traffic-video p {
|
| 843 |
- font-size: 1.6rem; |
|
| 857 |
+ font-size: 2.6rem; |
|
| 844 | 858 |
word-break: keep-all; |
| 845 | 859 |
} |
| 846 | 860 |
|
| 847 | 861 |
.traffic-button button {
|
| 848 | 862 |
padding: 7px 46px; |
| 849 |
- font-size: 1.2rem; |
|
| 863 |
+ font-size: 3.2rem; |
|
| 850 | 864 |
} |
| 851 | 865 |
|
| 852 | 866 |
.taken-area p {
|
| 853 |
- font-size: 1.4rem; |
|
| 867 |
+ font-size: 3.4rem; |
|
| 854 | 868 |
} |
| 855 | 869 |
|
| 856 | 870 |
.traffic-button {
|
... | ... | @@ -859,7 +873,7 @@ |
| 859 | 873 |
|
| 860 | 874 |
.etc-wrap-text p, |
| 861 | 875 |
.box-wrap p {
|
| 862 |
- font-size: 1.6rem; |
|
| 876 |
+ font-size: 2.6rem; |
|
| 863 | 877 |
margin-bottom: 2rem; |
| 864 | 878 |
font-weight: 500; |
| 865 | 879 |
} |
... | ... | @@ -944,7 +958,7 @@ |
| 944 | 958 |
} |
| 945 | 959 |
|
| 946 | 960 |
.year {
|
| 947 |
- font-size: 2rem; |
|
| 961 |
+ font-size: 3rem; |
|
| 948 | 962 |
} |
| 949 | 963 |
|
| 950 | 964 |
.box-wrap div p {
|
... | ... | @@ -974,7 +988,7 @@ |
| 974 | 988 |
.etc-box-title {
|
| 975 | 989 |
font-weight: 700; |
| 976 | 990 |
text-align: center !important; |
| 977 |
- font-size: 1.6rem !important; |
|
| 991 |
+ font-size: 2.6rem !important; |
|
| 978 | 992 |
} |
| 979 | 993 |
|
| 980 | 994 |
.solution-deco p::after {
|
... | ... | @@ -987,13 +1001,13 @@ |
| 987 | 1001 |
|
| 988 | 1002 |
.etc-wrap-title h1, |
| 989 | 1003 |
.customized-wrap-title h1 {
|
| 990 |
- font-size: 2.3rem !important; |
|
| 1004 |
+ font-size: 3.3rem !important; |
|
| 991 | 1005 |
word-break: keep-all; |
| 992 | 1006 |
} |
| 993 | 1007 |
|
| 994 | 1008 |
.etc-wrap-title p, |
| 995 | 1009 |
.customized-wrap-title p {
|
| 996 |
- font-size: 1.5rem !important; |
|
| 1010 |
+ font-size: 2.5rem !important; |
|
| 997 | 1011 |
margin-bottom: 2rem; |
| 998 | 1012 |
} |
| 999 | 1013 |
|
... | ... | @@ -1019,7 +1033,7 @@ |
| 1019 | 1033 |
} |
| 1020 | 1034 |
|
| 1021 | 1035 |
.customized-box p {
|
| 1022 |
- font-size: 1.1rem !important; |
|
| 1036 |
+ font-size: 2.1rem !important; |
|
| 1023 | 1037 |
} |
| 1024 | 1038 |
|
| 1025 | 1039 |
.customized-box div img {
|
... | ... | @@ -1084,28 +1098,7 @@ |
| 1084 | 1098 |
|
| 1085 | 1099 |
@media all and (min-width:480px) and (max-width:768px) {
|
| 1086 | 1100 |
|
| 1087 |
- * {
|
|
| 1088 |
- padding: 0; |
|
| 1089 |
- margin: 0; |
|
| 1090 |
- box-sizing: border-box; |
|
| 1091 |
- } |
|
| 1092 | 1101 |
|
| 1093 |
- .swiper-slide {
|
|
| 1094 |
- -ms-overflow-style: none; |
|
| 1095 |
- /* 인터넷 익스플로러 */ |
|
| 1096 |
- scrollbar-width: none; |
|
| 1097 |
- /* 파이어폭스 */ |
|
| 1098 |
- } |
|
| 1099 |
- |
|
| 1100 |
- html, |
|
| 1101 |
- body, |
|
| 1102 |
- #root {
|
|
| 1103 |
- width: 100%; |
|
| 1104 |
- /* min-height: 100vh; */ |
|
| 1105 |
- font-size: 0.7rem; |
|
| 1106 |
- color: var(--color-black); |
|
| 1107 |
- font-family: 'Pretendard'; |
|
| 1108 |
- } |
|
| 1109 | 1102 |
|
| 1110 | 1103 |
body {
|
| 1111 | 1104 |
min-width: 100%; |
... | ... | @@ -1272,7 +1265,7 @@ |
| 1272 | 1265 |
.portfolio-text, |
| 1273 | 1266 |
.map-text, |
| 1274 | 1267 |
.about-title p:nth-child(1) {
|
| 1275 |
- font-size: 2.7rem !important; |
|
| 1268 |
+ font-size: 3rem !important; |
|
| 1276 | 1269 |
padding-bottom: 1rem; |
| 1277 | 1270 |
} |
| 1278 | 1271 |
|
... | ... | @@ -1299,7 +1292,7 @@ |
| 1299 | 1292 |
} |
| 1300 | 1293 |
|
| 1301 | 1294 |
.accordion-sub-text {
|
| 1302 |
- font-size: 1.6rem !important; |
|
| 1295 |
+ font-size: 2.6rem !important; |
|
| 1303 | 1296 |
} |
| 1304 | 1297 |
|
| 1305 | 1298 |
.marketing-wrap-title h1 {
|
... | ... | @@ -1308,7 +1301,7 @@ |
| 1308 | 1301 |
|
| 1309 | 1302 |
.accordion.active .accordion-num, |
| 1310 | 1303 |
.accordion.active .accordion-num span {
|
| 1311 |
- font-size: 2.5rem; |
|
| 1304 |
+ font-size: 3.5rem; |
|
| 1312 | 1305 |
} |
| 1313 | 1306 |
|
| 1314 | 1307 |
.history-box {
|
... | ... | @@ -1557,7 +1550,7 @@ |
| 1557 | 1550 |
} |
| 1558 | 1551 |
|
| 1559 | 1552 |
.about-title-sub {
|
| 1560 |
- font-size: 1.5rem; |
|
| 1553 |
+ font-size: 1.8rem; |
|
| 1561 | 1554 |
margin-bottom: 0px; |
| 1562 | 1555 |
} |
| 1563 | 1556 |
|
... | ... | @@ -1665,7 +1658,6 @@ |
| 1665 | 1658 |
|
| 1666 | 1659 |
|
| 1667 | 1660 |
.about-vision-box img {
|
| 1668 |
- height: 150px; |
|
| 1669 | 1661 |
display: block; |
| 1670 | 1662 |
object-fit: contain; |
| 1671 | 1663 |
} |
... | ... | @@ -2094,6 +2086,34 @@ |
| 2094 | 2086 |
.innerSwiper .swiper-slide img {
|
| 2095 | 2087 |
height: 100%; |
| 2096 | 2088 |
} |
| 2089 |
+ .accordion2, |
|
| 2090 |
+ .accordion1, |
|
| 2091 |
+ .accordion3 {
|
|
| 2092 |
+ display: flex; |
|
| 2093 |
+ flex-direction: column; |
|
| 2094 |
+ align-content: center; |
|
| 2095 |
+ justify-content: center; |
|
| 2096 |
+ |
|
| 2097 |
+ background-position: center; |
|
| 2098 |
+ } |
|
| 2099 |
+ |
|
| 2100 |
+ .accordion2::after, |
|
| 2101 |
+ .accordion1::after, |
|
| 2102 |
+ .accordion3::after {
|
|
| 2103 |
+ font-size: 3.4rem; |
|
| 2104 |
+ top: 8px; |
|
| 2105 |
+ left: 15px; |
|
| 2106 |
+ } |
|
| 2107 |
+ |
|
| 2108 |
+ .accordion2::before, |
|
| 2109 |
+ .accordion1::before, |
|
| 2110 |
+ .accordion3::before {
|
|
| 2111 |
+ font-size: 3.4rem; |
|
| 2112 |
+ top: 8px; |
|
| 2113 |
+ left: 60px; |
|
| 2114 |
+ } |
|
| 2115 |
+ |
|
| 2116 |
+ |
|
| 2097 | 2117 |
|
| 2098 | 2118 |
} |
| 2099 | 2119 |
|
--- resources/css/style.css
+++ resources/css/style.css
... | ... | @@ -20,13 +20,17 @@ |
| 20 | 20 |
} |
| 21 | 21 |
|
| 22 | 22 |
.mobil-wrap {
|
| 23 |
- display: none; |
|
| 23 |
+ display: flex; |
|
| 24 |
+ width: 50%; |
|
| 24 | 25 |
} |
| 25 |
- |
|
| 26 | 26 |
.mobil-menu {
|
| 27 |
- display: none; |
|
| 27 |
+ display: none ; |
|
| 28 | 28 |
} |
| 29 | 29 |
|
| 30 |
+.mobil-wrap {
|
|
| 31 |
+ display: none ; |
|
| 32 |
+ |
|
| 33 |
+} |
|
| 30 | 34 |
#header.active {
|
| 31 | 35 |
border-bottom: 1px solid #ced4da; |
| 32 | 36 |
background-color: white; |
--- views/index.html
+++ views/index.html
... | ... | @@ -53,7 +53,7 @@ |
| 53 | 53 |
|
| 54 | 54 |
.mobile-menu-button, |
| 55 | 55 |
.mobile-menu-button-close {
|
| 56 |
- font-size: 2rem; |
|
| 56 |
+ font-size: 2.5rem; |
|
| 57 | 57 |
color: #fff; |
| 58 | 58 |
height: 29px; |
| 59 | 59 |
width: 29px; |
--- views/layout/Header.html
+++ views/layout/Header.html
... | ... | @@ -7,7 +7,7 @@ |
| 7 | 7 |
<div class="header"> |
| 8 | 8 |
<div class="header-area flex justify-between align-center"> |
| 9 | 9 |
<a href="/views/index.html" class="logo"></a> |
| 10 |
- <div class="mobil-wrap"> |
|
| 10 |
+ <div class="mobil-wrap "> |
|
| 11 | 11 |
<button class="mobile-menu-button">☰</button> |
| 12 | 12 |
<button class="mobile-menu-button-close" style="display: none;">x</button> |
| 13 | 13 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?