github.com/uchennaokeke444/nomad@v0.11.8/website/components/enterprise-info/style.css (about)

     1  .g-enterprise-info {
     2    padding-top: 128px;
     3    padding-bottom: 128px;
     4    background: var(--gray-7);
     5  
     6    & h2 {
     7      text-align: center;
     8    }
     9  
    10    @media (max-width: 800px) {
    11      padding-top: 64px;
    12      padding-bottom: 64px;
    13    }
    14  
    15    & .complexity-container {
    16      display: flex;
    17      justify-content: space-between;
    18      margin: 0 auto 64px auto;
    19  
    20      @media (max-width: 800px) {
    21        flex-wrap: wrap;
    22      }
    23      & .item {
    24        flex-basis: 50%;
    25        justify-content: center;
    26        text-align: center;
    27        margin-top: 64px;
    28  
    29        @media (max-width: 800px) {
    30          margin-top: 64px;
    31          flex-basis: 100%;
    32        }
    33  
    34        & .g-type-label-strong {
    35          margin-top: 64px;
    36  
    37          @media (max-width: 800px) {
    38            margin-top: 32px;
    39          }
    40        }
    41  
    42        & h4 {
    43          white-space: pre;
    44          margin-top: 24px;
    45          margin-bottom: 8px;
    46  
    47          @media (max-width: 800px) {
    48            margin-top: 16px;
    49          }
    50        }
    51  
    52        & picture {
    53          display: inline-block;
    54        }
    55  
    56        & img {
    57          max-width: 160px;
    58          max-height: 98px;
    59        }
    60        & p {
    61          margin-top: 0;
    62          margin-bottom: 24px;
    63  
    64          @media (max-width: 800px) {
    65            max-width: 600px;
    66            margin-right: auto;
    67            margin-left: auto;
    68          }
    69        }
    70      }
    71  
    72      & .spacer {
    73        & .vertical-spacer {
    74          height: 93px;
    75        }
    76  
    77        & .arrow {
    78          display: flex;
    79          align-items: center;
    80        }
    81  
    82        @media (max-width: 800px) {
    83          display: none;
    84        }
    85      }
    86    }
    87  
    88    & .more-features-link {
    89      display: flex;
    90      justify-content: center;
    91    }
    92  }