Recap Challenge Training

Rückschlüsse aus dem Challenge Training

• Merge Konflikte müssen in jeder Datei direkt gelöst werden.
• Schlecht ist:

.title{
    color: crimson;
<<<<<<< HEAD
    text-shadow: 1px 1px #000000;
=======
<<<<<<< HEAD
    
}
=======
>>>>>>> 3bb39c7fcfb5098f6331800bd3a99c51284b1bd5
}

.subtitle{
  color: blue;
}
>>>>>>> 146d5c187be8c19169c4ecd78422e6236f4a035a

• HTML-Elemente müssen sinnvoll genutzt werden.
• Schlecht ist:

  <div class="container">

    <ul>
   <li class ="li-container"><div><a href="#" data-name="RBTV">RBTV</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="BLOG">BLOG</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="MEDIATHEK">MEDIATHEK</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="BOHNEN">BOHNEN</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="FORUM">FORUM</a></div></li>
 </ul>

    <ul>
      <li class ="li-container"><div><a href="#" data-name="FORUM">FORUM</a></div></li>
      <li class ="li-container"><div><a href="#" data-name="SHOP">SHOP</a></div></li>
      <li class ="li-container"><div><a href="#" data-name="VERSANDINFO">VERSANDINFO</a></div></li>
</ul>

   <ul>
   <li class ="li-container"><div><a href="#" data-name="WIDERRUF">WIDERRUF</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="PRESSE">PRESSE</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="FAQ">FAQ</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="IMPRESSUM">IMPRESSUM</a></div></li>
   <li class ="li-container"><div><a href="#" data-name="AGB">AGB</a></div></li>
 </ul>
</div>

<header class="site-header">
    <nav class="site-header__navigation">
    </nav>
    <section class="section content">

        <div class="a-navigation--items">
            <a class="a-navigation--item" href="/">Profil</a>
            <a class="a-navigation--item active" href="/team">Team</a>
            <a class="a-navigation--item" href="/portfolio">Portfolio</a>
            <a class="a-navigation--item" href="/stories">Stories</a>
            <a class="a-navigation--item" href="/contact-us">Kontakt</a>
        </div>
        <div class="background-titles">
            <h1 class="title">Crimson Monkey</h1>
            <h2 class="title">Wir sind ein <strong>affenstarkes</strong> Team!</h2>
        </div>
    </section>
</header>

• Commit Meldungen müssen aussagekräftig sein.

• Schlechte Commit Meldungen sind:

  • noch mehr Änderungen
  • kleine Änderungen
  • Footer
  • Header

• CSS-Klassen am besten nur einmal beschreiben & erst recht nicht direkt hintereinander weg wie in diesem Beispiel:

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

Orga

• bitte Teamnamen eintragen
• bitte GitRepo eintragen
• GitHub Klartextnamen angeben
• zum MI Wiki