return (
    <Flex direction="column" className={classes.breakpointsContainer}>
      <div className={classes.sectionHeader}>Breakpoints</div>
      <div className={classes.breakpoints}>
        <pre className={classes.breakpointsContent}>{breakpointsList}</pre>