anchor.diff: -div(layout="row" flex="100" layout-sm="column")
  -  md-card(flex="50" flex-sm="100")
  +div(layout="row" flex="100" layout-sm="column" layout-xs="column")
  +  md-card(flex="50" flex-sm="100" flex-xs="100")
       md-card-title(flex="nogrow")
         md-card-title-text
           span.md-headline {todaysGoals}
           span.md-subhead The list of tickets in "sprint", "doing", "blocked", "toValidate" columns
       md-card-content(flex)
         select-goals(goals="todaysGoals" project="project" sprint="sprint")
  -  md-card(flex="50" flex-sm="100")
  +  md-card(flex="50" flex-sm="100" flex-xs="100")
       md-card-title(flex="nogrow")
         md-card-title-text
           span.md-headline {previousGoals}
           span.md-subhead The list of goals in the previous email. It's green if the trello ticket is in the "done column"
       md-card-content(flex)
         previous-goals(goals="previousGoals" sprint="sprint")
  -div(layout="row" flex="100" layout-sm="column")
  -  md-card(flex="50" flex-sm="100")
  +div(layout="row" flex="100" layout-sm="column" layout-xs="column")
  +  md-card(flex="50" flex-sm="100" flex-xs="100")
       md-card-title
         md-card-title-text
           span.md-headline {problems}
  
positive.code:       md-input-container.md-block
          textarea(ng-model="sections.intro" aria-label="intro")
  
  div(layout="row" flex="100" layout-sm="column")
    md-card(flex="50" flex-sm="100")
      md-card-title
        md-card-title-text
          span.md-headline {bdc}
  
negative.code:     md-card-content
        md-input-container.md-block
          textarea(ng-model="sections.problems" aria-label="problems")
    md-card(flex="50" flex-sm="100" flex-xs="100")
      md-card-title
        md-card-title-text
          span.md-headline {intro}
  