Difference between revisions of "Template:HK GTC"

Line 1,080: Line 1,080:
 
.section-heading {
 
.section-heading {
 
     background-color: #4f4f4f;
 
     background-color: #4f4f4f;
     height: 30rem;
+
     height: 50vh;
 
     position: relative;
 
     position: relative;
 
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     background-image: url("../img/_MG_0041.JPG");
+
     background-image: url("");
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
     background-size: 100% auto;
+
     background-size: cover;
     background-attachment: fixed;
+
     background-position: 100%;
 
     z-index: 2;
 
     z-index: 2;
 
}
 
}
Line 1,293: Line 1,293:
  
  
@media (max-width: 800px) {
+
@media (max-width: 900px) {
 
     #bot-nav {
 
     #bot-nav {
 
         grid-template-columns: 1fr;
 
         grid-template-columns: 1fr;
Line 1,316: Line 1,316:
 
     .attri-card .right-attri ul li{
 
     .attri-card .right-attri ul li{
 
         margin: .5rem;
 
         margin: .5rem;
 +
    }
 +
 +
 +
    .section-heading h1 {
 +
        font-size: 2rem;
 +
        text-align: center;
 +
    }
 +
 +
    .section-selector {
 +
        float: none;
 +
        width: 90%;
 +
        height: fit-content;
 +
        padding: 1rem;
 +
        margin-bottom: 2rem;
 +
    }
 +
 +
    .section-selector h1 {
 +
        font-size: 1.5rem;
 +
        padding: 1rem 0;
 +
    }
 +
 +
    .section-selector ul {
 +
        width: 100%;
 +
        padding: 0;
 +
    }
 +
 +
    .section-selector ul li a {
 +
        font-size: 1rem;
 +
    }
 +
 +
    .right-section {
 +
        width: 100%;
 +
        float: none;
 +
        padding: none;
 +
        height: fit-content;
 +
        margin-bottom: 5rem;
 +
    }
 +
 +
    .right-section * {
 +
        margin-bottom: 1rem;
 +
    }
 +
 +
    .right-section .section-contents {
 +
        width: 100%;
 +
        padding: 0;
 +
        float: none;
 +
    }
 +
 +
    .right-section .section-contents h2 {
 +
        font-size: 1.5rem;
 +
        margin-left: 1rem !important;
 +
    }
 +
 +
    .right-section .section-contents p {
 +
        font-size: 1rem !important;
 +
        padding: 1rem;
 +
        width: 90%;
 
     }
 
     }
 
      
 
      
Line 1,527: Line 1,584:
 
     }
 
     }
  
    .section-heading h1 {
 
        font-size: 2rem;
 
        text-align: center;
 
    }
 
 
    .section-selector {
 
        float: none;
 
        width: 90%;
 
        height: fit-content;
 
        padding: 1rem;
 
        margin-bottom: 2rem;
 
    }
 
 
    .section-selector h1 {
 
        font-size: 1.5rem;
 
        padding: 1rem 0;
 
    }
 
 
    .section-selector ul {
 
        width: 100%;
 
        padding: 0;
 
    }
 
 
    .section-selector ul li a {
 
        font-size: 1rem;
 
    }
 
 
    .right-section {
 
        width: 100%;
 
        float: none;
 
        padding: none;
 
        height: fit-content;
 
        margin-bottom: 5rem;
 
    }
 
 
    .right-section * {
 
        margin-bottom: 1rem;
 
    }
 
 
    .right-section .section-contents {
 
        width: 100%;
 
        padding: 0;
 
        float: none;
 
    }
 
 
    .right-section .section-contents h2 {
 
        font-size: 1.5rem;
 
        margin-left: 1rem !important;
 
    }
 
 
    .right-section .section-contents p {
 
        font-size: 1rem !important;
 
        padding: 1rem;
 
        width: 90%;
 
    }
 
  
 
     /* hp */
 
     /* hp */
Line 1,649: Line 1,651:
 
     padding:0 !important;
 
     padding:0 !important;
 
}
 
}
 +
 
 
    
 
    
 
    
 
    

Revision as of 14:27, 8 October 2021

HK_GTC 2021 Homepage