diff --git a/_layouts/homes.html b/_layouts/homes.html index f0f963c..80c754a 100644 --- a/_layouts/homes.html +++ b/_layouts/homes.html @@ -648,19 +648,19 @@
- img + img - img - + img - img - + img - img - + img + + + img
@@ -898,4 +898,4 @@ - \ No newline at end of file + diff --git a/assets/images/tlaic.png b/assets/images/tlaic.png new file mode 100644 index 0000000..fb179bf Binary files /dev/null and b/assets/images/tlaic.png differ diff --git a/css/style-mobile.css b/css/style-mobile.css index d2e8c1c..d1d4953 100644 --- a/css/style-mobile.css +++ b/css/style-mobile.css @@ -729,41 +729,31 @@ a { display: flex; flex-wrap: wrap; justify-content: center; + align-items: center; + gap: 0.3rem; } .tb-supporta { - margin: 0 2rem 2rem 2rem; - width: 12.1rem; - height: 7.75rem; opacity: 1; background: #000319; display: flex; align-items: center; justify-content: center; - box-sizing: border-box; - line-height: 7.95rem; -} - -.tb-supporta-one { - width: 12.1rem; - height: 7.75rem; -} - -.tb-supporta-two { - width: 12.1rem; - height: 7.75rem; -} - -.tb-supporta-three { - width: 12.1rem; - height: 7.75rem; + width: 3.6rem; + height: 2rem; + min-width: 250px; + min-height: 150px; + flex-shrink: 0; + border-radius: 0.2rem; + overflow: hidden; } -.tb-supporta-four { - width: 12.1rem; - height: 7.75rem; + .tb-supporta img { + width: 100%; + height: 100%; + object-fit: fill; + display: block; } - .ti-left { display: none; } @@ -884,4 +874,9 @@ a { font-size: 1.2rem; color: #7F818C; padding: 1.25rem 2rem; -} \ No newline at end of file +} + + .footer { + width: 100%; + height: 1.8rem; + } diff --git a/css/style.css b/css/style.css index 80f1844..13bfc07 100644 --- a/css/style.css +++ b/css/style.css @@ -781,42 +781,34 @@ margin-top: .5rem; width: 12rem; display: flex; - justify-content: space-between; + flex-wrap: wrap; + justify-content: center; + align-items: center; + gap: 0.5rem; } .tb-supporta { opacity: 1; - background: #000319; display: flex; align-items: center; justify-content: center; + width: 3.4rem; + height: 2rem; + min-width: 260px; + min-height: 150px; + flex-shrink: 0; + border-radius: 0.2rem; + overflow: hidden; } - .tb-supporta-one{ - width: 2.85rem; - height: 1.85rem; - opacity: 1; - } - - .tb-supporta-two { - width: 2.85rem; - height: 1.85rem; - opacity: 1; - } - - .tb-supporta-three { - width: 2.85rem; - height: 1.85rem; - opacity: 1; - } - - .tb-supporta-four { - width: 2.85rem; - height: 1.85rem; - opacity: 1; + .tb-supporta img { + width: 100%; + height: 100%; + object-fit: fill; + display: block; } - + .tb-introduce { padding: .3rem 0; margin: .5rem 0; @@ -1091,11 +1083,10 @@ - /* 搴曢儴鏍峰紡鎼缓 */ + /* bottom of the page */ .footer { - margin-top: 1.3rem; width: 100%; - height: 1.76rem; + height: 1rem; max-width: 19.2rem; display: flex; align-items: center; @@ -1137,4 +1128,4 @@ letter-spacing: 0px; color: #7F818C; - } \ No newline at end of file + }