Является ли верным реализация menu таким образом?

<menu class="desctop"> 
    <ul> 
      ......
   </ul>
 </menu>
  <menu class="mobile"> 
    <ul> 
      ......
   </ul>
  </menu>

@media screen and (max-width:....) {
      .desctop{
          display:none;
    }
    .mobile{
      display:block; /*по ситуации*/
   }
  }