/* Responsividade */
@media (max-width: 880px){
  .layout{grid-template-columns:1fr}
  .sidebar{order:2}
  .content{order:1}
}

@media (max-width: 720px){
  .add-task{grid-template-columns:1fr 1fr}
  #add-advanced{grid-column:1/3}
}