conditionSCSSInJS.js

const Row = styled.div`
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  padding: 16px 0 8px;

  > * {
    flex: 1 100%;
  }

  ${Title} {
    order: 1;
    flex: 1;
  }

  ${StepsContainer} {
    order: 3;
  }

  ${NavigationContainer} {
    order: 2;
    flex: 1;
  }

  ${media.desktop`
    ${Title} {
      flex: 0 224px;
    }

    ${StepsContainer} {
      order: 2;
      flex: 1;
    }

    ${NavigationContainer} {
      order: 3;
      flex: 1;
    }

    padding: 8px 0;
    height: 48px;
  `}
`;