CSS-Code für Mobile-First umbauen

[Martin_Online]

[data-icon]:before {
    content: attr(data-icon);
    speak: none;
    display: inline-block;
    font-size: 200%;
  }

> Stellt das auch einen Teil des Buttons dar?  
  
Genau, dieser Abschnitt stellt den Button für dein Menü dar. Also muss es auch in den Mobile First Bereich.  
  

> ~~~css
  

>   .screen-reader-text {  
>     position: absolute;  
>     top: -9999px;  
>     left: -9999px;  
>   }  
> 

Ist doch dafür da, damit bei Screenreadern das Mort "Menü" vorgelesen werden kann.
Und auch das müsste dann doch wieder in meinen Mobile First Bereich.

Genau, dieser Bereich ist für Screenreader da. Muss also auch in den Mobile First Bereich. Gunnar Bittersmann hat dir dazu auch noch etwas verlinkt, wie man es „richtig“ machen sollte. Es gibt immer viele Wege die ans Ziel führen. In jedem guten Tutorial wird es genau so gemacht mit Negativ Werten. Also lass dich da nicht verunsichern und reite nicht darauf rum.