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

     1  .g-features-list {
     2    padding-top: 64px;
     3    padding-bottom: 24px;
     4    & h2 {
     5      text-align: center;
     6      margin-top: 0px;
     7      margin-bottom: 64px;
     8    }
     9  
    10    & .items-container {
    11      display: flex;
    12      flex-wrap: wrap;
    13  
    14      & .item {
    15        border: 1px solid var(--gray-6);
    16        flex-basis: calc(50% - 16px);
    17        margin-bottom: 32px;
    18        padding: 40px;
    19        display: flex;
    20  
    21        @media (max-width: 468px) {
    22          flex-direction: column;
    23        }
    24  
    25        & h4 {
    26          margin: 0;
    27          margin-bottom: 8px;
    28        }
    29  
    30        & p {
    31          margin: 0;
    32        }
    33  
    34        & .item-icon img {
    35          width: 72px;
    36          height: 72px;
    37          margin-right: 32px;
    38  
    39          @media (max-width: 468px) {
    40            margin-bottom: 18px;
    41          }
    42        }
    43  
    44        &:nth-child(odd) {
    45          margin-right: 16px;
    46        }
    47  
    48        &:nth-child(even) {
    49          margin-left: 16px;
    50        }
    51  
    52        @media (max-width: 1200px) {
    53          padding: 32px;
    54          & .item-icon img {
    55            display: flex;
    56            width: 50px;
    57            height: 50px;
    58            margin-right: 24px;
    59          }
    60        }
    61  
    62        @media (max-width: 991px) {
    63          flex-basis: 100%;
    64          padding: 32px;
    65          margin-bottom: 36px;
    66  
    67          & .item-icon img {
    68            display: flex;
    69            width: 72px;
    70            height: 72px;
    71            margin-right: 24px;
    72          }
    73  
    74          &:nth-child(odd) {
    75            margin-right: 0px;
    76          }
    77  
    78          &:nth-child(even) {
    79            margin-left: 0px;
    80          }
    81        }
    82      }
    83    }
    84  }