1
2
3
4
5
6
7
8
9
10
11
12
13
14

                    <pre id="after"/>
        </div>
        <button id="next" class="translate">Next</button>
      </div>
      <div id="share" readability="2.28">
        <div class="games">
          <a target="_blank" data-title="Flexbox Froggy" href="https://codepip.com/games/flexbox-froggy/">
            <img src="images/games/flexbox-froggy.png"/>
          </a>
          <a target="_blank" data-title="Nth Cart" href="https://codepip.com/">
            <img src="images/games/nth-cart.png"/>
          </a>
          <a target="_blank" data-title="Disarray" href="https://codepip.com/">
            <img src="images/games/disarray.png"/>
          </a>
          <a target="_blank" data-title="Code Crunchers" href="https://codepip.com/">
            <img src="images/games/code-crunchers.png"/>
          </a>
        </div>
        <p class="social">
          <span id="tweet">
            <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://cssgridgarden.com" data-via="playcodepip" data-text="I just beat Grid Garden, a game for learning CSS grid layout!">Tweet</a>
            <a href="https://twitter.com/playcodepip" class="twitter-follow-button" data-show-count="false">Follow @playcodepip</a>
          </span>
          <span class="fb-like" data-href="https://cssgridgarden.com" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"/>
        </p>
      </div>
      
      

      <div class="credits">
        <span id="labelFooter" class="translate">Grid Garden is created by</span>
        <a href="https://codepip.com">Codepip</a> •
        <a href="https://youtube.com/codepip">YouTube</a> •
        <a href="https://twitter.com/playcodepip">Twitter</a> •
        <a href="https://github.com/thomaspark/gridgarden/">GitHub</a> •
        <span id="language">
          <span id="languageActive" class="toggle translate">English</span>
          <span class="tooltip">
            <a href="#en">English</a>
            <a href="#es">Español</a>
            <a href="#fr">Français</a>
            <a href="#de">Deutsch</a>
            <a href="#nl">Nederlands</a>
            <a href="#it">Italiano</a>
            <a href="#pt-br">Português(BR)</a>
            <a href="#pt-pt">Português(PT)</a>
            <a href="#ca">Català</a>
            <a href="#sv">Svenska</a>
            <a href="#no">Norsk</a>
            <a href="#fi">Suomi</a>
            <a href="#pl">Polski</a>
            <a href="#sk">Slovenčina</a>
            <a href="#hu">Magyar</a>
            <a href="#ro">Română</a>
            <a href="#al">Shqip</a>
            <a href="#bg">Български</a>
            <a href="#et">Eesti</a>
            <a href="#lv">Latviešu</a>
            <a href="#ru">Русский</a>
            <a href="#ua">Українська</a>
            <a href="#el">Ελληνικά</a>
            <a href="#tr">Türkçe</a>
            <a href="#az">Azərbaycanca</a>
            <a href="#ar">العربية</a>
            <a href="#fa">فارسی</a>
            <a href="#hi">हिंदी</a>
            <a href="#zh-cn">简体中文</a>
            <a href="#zh-tw">繁體中文</a>
            <a href="#ja">日本語</a>
            <a href="#ko">한국어</a>
            <a href="#vi">Tiếng Việt</a>
            <a href="#th">ภาษาไทย</a>
            <a href="#id">Bahasa Indonesia</a>
            <a href="#tl">Tagalog</a>
            <a href="#yo">Yorùbá</a>
            <a href="#ta">தமிழ்</a>

          </span>
        </span>
      </div>
      <div class="credits">
        <span id="flexboxFroggy" class="translate">Want to learn CSS flexbox? Play</span> <a href="https://codepip.com/games/flexbox-froggy/">Flexbox Froggy</a>.
      </div>
    </div>        </div>
    </div>
</div>
<div class='clear'></div>    </div>
    <div style='position:fixed; bottom:0; left:0; right:0;'>
        </div>
    <div align='center' style='border-top:1px solid #EEE; padding:1em; margin-top:2em;'>
  联系我们 contact @ memedata.com
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PFMR8YTWGP"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-PFMR8YTWGP');
</script>
</body>
</html>