Class Selector

The class selector allows you to style an element by a given or custom name following a dot or period (.ui-btn)

. . .
  .ui-btn {
    display: block;
    width: 100%;
  }

  .layout-wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

  .layout-footer {
    display: flex;
    border: 1p solid #FF9900;
  }