[
  {
    "path": ".gitignore",
    "content": ".idea/*\n"
  },
  {
    "path": ".nojekyll",
    "content": ""
  },
  {
    "path": "CNAME",
    "content": "flexboxfroggy.com"
  },
  {
    "path": "LICENSE",
    "content": "The MIT License (MIT)\n\nCopyright (c) 2015 Thomas Park\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n"
  },
  {
    "path": "README.md",
    "content": "Flexbox Froggy\n=======\n\nFlexbox Froggy is a game for learning CSS flexbox. Check it out at [flexboxfroggy.com](https://flexboxfroggy.com).\n\nRead [this blog post](https://thomaspark.co/2015/11/learning-css-layout-with-flexbox-froggy/) for background on the project.\n\n![FontCDN screenshot](./images/screenshot.png)\n\n## Author\n\nThomas Park\n\n* [Twitter](https://twitter.com/thomashpark)\n* [Homepage](https://thomaspark.co)\n* [GitHub](https://github.com/thomaspark)\n\n## Translators\n\nMy gratitude to these contributors for localizing Flexbox Froggy. This is what open source is all about.\n\n* Afrikaans by [Andrea Zonnekus](https://github.com/andreazonnekus)\n* Arabic by [Mahmoud Al-Omoush](https://github.com/m7modg97)\n* Azerbaijani by [jalalbmnf](https://github.com/jalalbmnf)\n* Bengali by [Ayemun Hossain](https://github.com/AyemunHossain)\n* Bosnian by [Haris Hamzić](https://github.com/hamzic2019)\n* Bulgarian by [Mihail Gaberov](https://github.com/mihailgaberov)\n* Burmese by [Si Thu Hlaing](https://github.com/sithulaing)\n* Catalan by [Xavier Gaya](https://github.com/xavigaya)\n* Chinese Simplified by [Tim Guo](https://github.com/timguoqk)\n* Chinese Traditional by [sunsheeppoplar](https://github.com/sunsheeppoplar)\n* Croatian by [diomed](https://github.com/diomed)\n* Danish by [Frederik Jacobsen](https://github.com/fkj)\n* Dutch by [Peter Vermeulen](https://github.com/peterver)\n* Czech by [Ondřej Hruška](https://github.com/MightyPork)\n* Esperanto by [Harvey Stroud](https://github.com/harveystroud)\n* Estonian by [Sten Orasmäe](https://github.com/sten9911)\n* Farsi by [Ali Haddad](https://github.com/alihaddadkar)\n* Finnish by [Minna N.](https://github.com/minna-xD)\n* French by [Karl Thibault](https://github.com/Notuom)\n* Galician by [Pilar Mera](https://github.com/decrecementofeliz)\n* German by [Thorsten Frommen](https://github.com/tfrommen)\n* Greek by [lmintmate](https://github.com/lmintmate)\n* Gujarati by [Harshhh](https://github.com/ozaharsh95)\n* Hebrew by [Omri Attiya](https://github.com/omriattiya)\n* Hindi by [Shubham Pandey](https://github.com/shubham9411)\n* Hungarian by [Adam Graf](https://github.com/netgrafe)\n* Indonesian by [gabesx](https://github.com/gabesx)\n* Italian by [Matteo Bandiera](https://github.com/matteobandiera)\n* Japanese by [Ginpei](https://github.com/ginpei)\n* Korean by [Meen Chul Kim](https://github.com/liberaliscomputing)\n* Latvian by [Arturs Kirtovskis](https://github.com/akirtovskis)\n* Lithuanian by [Justas Maziliauskas](https://github.com/justutiz)\n* Macedonian by [David Timovski](https://github.com/davidtimovski)\n* Malayalam by [Agney Menon](https://github.com/BoyWithSilverWings)\n* Mongolian by [Turuu](https://github.com/TuruuDo)\n* Nepali by [Kamal Ale Magar](https://github.com/KamalAle12)\n* Norwegian by [Melroy Dsouza](https://github.com/dsouzamelroy2007)\n* Polish by [eLGi](https://github.com/eLGi)\n* Portuguese by [Marcus Tenório](https://github.com/mvtenorio)\n* Romanian by [Vlad](https://github.com/pckltr)\n* Russian by [Artyom Vozhzhov](https://github.com/artem328)\n* Serbian by [Danko Milutinovic](https://github.com/dankoknad)\n* Sinhala by [Nirmal Chamika](https://github.com/NimaChamika)\n* Slovak by [Joe Henthorn](https://github.com/jjhen99)\n* Spanish by [Manuel González](https://github.com/manuelitox)\n* Swedish by [Martin Ohlson](https://github.com/martinkrulltott)\n* Tamil by [Galeel Bhasha](https://github.com/gbhasha)\n* Telugu by [Sai Venkat Balabadruni](https://github.com/Thunderbolt2-o)\n* Thai by [Anurat Chapanond](https://github.com/anurat)\n* Turkish by [Uğur Korfalı](https://github.com/kel-sakal-biyik)\n* Ukrainian by [sHa](https://github.com/shadoll)\n* Vietnamese by [Kingsten Banh](https://github.com/kingstenbanh)\n* Yoruba by [Oluwafisayomi Balogun](https://github.com/oluwafisayomi-balogun)\n\nDon't see your language on the list? Contribute a translation! Fork the [repo](https://github.com/thomaspark/flexboxfroggy/), add your translations, and submit a pull request.\n\n## Copyright and License\n\nCopyright 2015-2023 Thomas Park. Code released under [the MIT License](https://github.com/thomaspark/flexboxfroggy/blob/gh-pages/LICENSE). Images released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/legalcode.txt).\n"
  },
  {
    "path": "_config.yml",
    "content": "include: [\".nojekyll\", \"node_modules\"]\n"
  },
  {
    "path": "ads.txt",
    "content": "google.com, pub-9569380550956585, DIRECT, f08c47fec0942fa0"
  },
  {
    "path": "css/style.css",
    "content": "* {\n  box-sizing: border-box;\n}\n\nhtml, body {\n  min-height: 100%;\n}\n\nhtml[lang=\"fa\"] #docs,\nhtml[lang=\"fa\"] #instructions,\nhtml[lang=\"fa\"] #credits .translate,\na[href=\"#fa\"],\nhtml[lang=\"he\"] #docs,\nhtml[lang=\"he\"] #instructions,\nhtml[lang=\"he\"] #credits .translate,\na[href=\"#he\"],\nhtml[lang=\"ar\"] #docs,\nhtml[lang=\"ar\"] #instructions,\nhtml[lang=\"ar\"] #credits .translate,\na[href=\"#ar\"] {\n  direction: rtl;\n}\n\nhtml[lang=\"fa\"] #docs,\nhtml[lang=\"fa\"] #instructions,\nhtml[lang=\"fa\"] #credits .translate,\na[href=\"#fa\"] {\n  font-family: Tahoma, Verdana, Segoe, sans-serif;\n}\n\nbody {\n  display: flex;\n  min-width: 600px;\n  margin: 0;\n  background-color: #43A047;\n  color: rgba(255, 255, 255, 0.8);\n  font-family: 'PT Sans', sans-serif;\n}\n\n#sidebar {\n  width: 50%;\n  min-width: 300px;\n  padding: 2em;\n  background-color: #43A047;\n  font-size: 15px;\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: -0.5rem;\n  justify-content: space-between;\n}\n\n.title {\n  margin: 0.5rem 0 0;\n  text-transform: uppercase;\n  font-family: 'Fredoka One', cursive;\n  font-size: 28px;\n}\n\npre {\n  margin: 0;\n}\n\ncode {\n  padding: 0 2px;\n  background-color: rgba(255, 255, 255, 0.2);\n  font-family: 'Source Code Pro', monospace;\n  font-weight: 900;\n  color: rgba(255, 255, 255, 0.8);\n  white-space: nowrap;\n}\n\nli {\n  line-height: 1.5;\n}\n\na {\n  color: rgba(255, 255, 255, 0.7);\n}\n\na:hover {\n  color: #fff;\n}\n\n.help {\n  cursor: pointer;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.7);\n}\n\n.tooltip {\n  position: absolute;\n  display: inline-block;\n  max-width: 350px;\n  padding: 1em 1em;\n  background-color: #2c3e50;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 1.5;\n  z-index: 60;\n}\n\n.tooltip:after {\n  content: '';\n  position: absolute;\n  top: -12px;\n  left: 12px;\n  width: 0;\n  height: 0;\n  border-left: 12px solid transparent;\n  border-right: 12px solid transparent;\n  border-bottom: 12px solid #2c3e50;\n}\n\n#instructions .tooltip code {\n  cursor: pointer;\n}\n\n#share {\n  display: none;\n  margin-bottom: 3em;\n  text-align: center;\n}\n\n.fb-like {\n  z-index: 20;\n  vertical-align: top;\n}\n\n.games {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n\n.games a {\n  position: relative;\n  display: inline-block;\n  width: calc(50% - 0.25rem);\n  border-radius: 6px;\n  overflow:  hidden;\n  text-decoration: none;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.games a::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top:  0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n  transition: background-color 0.2s;\n}\n\n.games a:hover::before {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n.games a::after {\n  content: attr(data-title);\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0.5rem;\n  padding: 1rem;\n  font-family: 'Fredoka One', cursive;\n}\n\n.games a img {\n  width: 100%;\n  height: 100%;\n}\n\n#instructions {\n  padding-top: 1rem;\n}\n\n#instructions,\n#instructions p,\n#instructions ul {\n\t/* helps prevent the difficulty animation from jumping */\n\tmargin: 0;\n  padding-bottom: 1em;\n}\n\n#editor {\n  position: relative;\n}\n\n#editor,\npre {\n  font-family: 'Source Code Pro', monospace;\n  font-size: 16px;\n  line-height: 1.5;\n  color: #777;\n}\n\n#css {\n  height: 260px;\n  position: relative;\n  padding: 10px 10px 10px 40px;\n  background-color: #e0e0e0;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.line-numbers {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  padding: 10px 6px;\n  text-align: right;\n  background-color: #999;\n  color: #D5D5D5;\n}\n\n#code {\n  display: block;\n  width: calc(100% - 16px);\n  height: 24px;\n  margin-left: 16px;\n  border: none;\n  font-family: 'Source Code Pro', monospace;\n  font-size: 16px;\n  outline: none;\n  resize: none;\n  overflow: auto;\n}\n\n#level-counter {\n  position: relative;\n  display: inline-block;\n  height: 30px;\n  margin-top: 0.5rem;\n  font-size: 15px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n#levelsWrapper {\n  display: none;\n  top: 30px;\n  right: 31px;\n  max-width: 160px;\n  padding: 1em 0.5em;\n  margin-top: 12px;\n  z-index: 80;\n}\n\n#levelsWrapper:after {\n  left: calc(50% - 12px);\n}\n\n#levels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.level-marker {\n  float: left;\n  display: inline-block;\n  width: 30px;\n  height: 30px;\n  margin: 2px;\n  line-height: 26px;\n  background-color: rgba(255, 255, 255, 0.2);\n  border: 2px solid transparent;\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n}\n\n.level-marker.current,\n.level-marker:hover {\n  border-color: rgba(255, 255, 255, 0.5);\n}\n\n.level-marker.solved {\n  background-color: #228B24;\n}\n\n#level-indicator,\n.arrow {\n  float: left;\n  height: 30px;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n#level-indicator {\n  display: inline-block;\n  width: 160px;\n  line-height: 30px;\n  text-align: center;\n  cursor: pointer;\n}\n\n#labelLevel {\n  margin-left: 5px;\n}\n\n.caret {\n  display: inline-block;\n  margin-left: 2px;\n}\n\n#level-indicator:hover,\n.arrow:not(.disabled):hover {\n  background-color: rgba(255, 255, 255, 0.4);\n}\n\n#labelReset {\n  margin-top: 1em;\n  text-align: center;\n  cursor: pointer;\n}\n\n.arrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.25em 0.5em 0.2em;\n  cursor: pointer;\n}\n\n.arrow.left {\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px 0 0 4px;\n}\n\n.arrow.right {\n  border-left: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 0 4px 4px 0;\n}\n\n.arrow.left:not(.disabled):hover,\n.arrow.right:not(.disabled):hover {\n  border-color: transparent;\n}\n\n.arrow.disabled {\n  opacity: 0.5;\n}\n\n.triangle {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent;\n}\n\n.left .triangle {\n  border-right: 11px solid rgba(255, 255, 255, 0.7);;\n}\n\n.right .triangle {\n  border-left: 11px solid rgba(255, 255, 255, 0.7);;\n}\n\nbutton {\n  display: inline-block;\n  padding: 0.4em 0.8em;\n  background-color: #D11606;\n  border: none;\n  border-radius: 4px;\n  font-family: 'PT Sans', sans-serif;\n  font-size: 16px;\n  line-height: 24px;\n  color: #fff;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\nbutton:active {\n  outline: none;\n}\n\nbutton:not(.disabled):hover {\n  background-color: #F12D22;\n}\n\n#next {\n  position: absolute;\n  right: 1em;\n  bottom: 1em;\n  padding-top: 0.3em;\n}\n\n.animation {\n  animation: tada 1s, pulse 2s infinite 2s;\n}\n\n#next.disabled {\n  opacity: 0.5;\n}\n\n.credits {\n  margin-top: 1.5em;\n  line-height: 1.5em;\n  text-align: center;\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.6);\n}\n\n#settings {\n  position: relative;\n}\n\n.toggle {\n  display: inline-block;\n  padding: 1px 8px;\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 3px;\n  color: rgba(255, 255, 255, 0.7);\n  cursor: pointer;\n  user-select: none;\n}\n\n#settings .tooltip {\n  display: none;\n  bottom: 30px;\n  left: 0px;\n  width: 275px;\n  max-width: 275px;\n  padding: 1em;\n  text-align: left;\n  z-index: 80;\n}\n\n#settings .tooltip:after {\n  top: auto;\n  bottom: -12px;\n  border-left: 12px solid transparent;\n  border-right: 12px solid transparent;\n  border-top: 12px solid #2c3e50;\n  border-bottom: none;\n}\n\n#settings section {\n  margin: 0.5rem 0;\n}\n\n#settings h4 {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.8);\n}\n\n#board {\n  position: sticky;\n  top: 0;\n  width: 50vw;\n  height: 50vw;\n  min-width: 300px;\n  min-height: 300px;\n  max-width: 100vh;\n  max-height: 100vh;\n  overflow: hidden;\n}\n\n#pond,\n#background {\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding: 1em;\n}\n\n#background {\n  z-index: 10;\n  border-radius: 0 0 0 10px;\n  background-color: #1F5768;\n}\n\n#pond {\n  z-index: 20;\n}\n\n.lilypad,\n.frog {\n  position: relative;\n  width: 20%;\n  height: 20%;\n  overflow: hidden;\n}\n\n.frog:nth-child(1) {\n  view-transition-name: --frog1;\n}\n\n.frog:nth-child(2) {\n  view-transition-name: --frog2;\n}\n\n.frog:nth-child(3) {\n  view-transition-name: --frog3;\n}\n\n.frog:nth-child(4) {\n  view-transition-name: --frog4;\n}\n\n.frog:nth-child(5) {\n  view-transition-name: --frog5;\n}\n\n.frog:nth-child(6) {\n  view-transition-name: --frog6;\n}\n\n.frog:nth-child(7) {\n  view-transition-name: --frog7;\n}\n\n.frog:nth-child(8) {\n  view-transition-name: --frog8;\n}\n\n.frog:nth-child(9) {\n  view-transition-name: --frog9;\n}\n\n.frog:nth-child(10) {\n  view-transition-name: --frog10;\n}\n\n.frog:nth-child(11) {\n  view-transition-name: --frog11;\n}\n\n.frog:nth-child(12) {\n  view-transition-name: --frog12;\n}\n\n.frog:nth-child(13) {\n  view-transition-name: --frog13;\n}\n\n.frog:nth-child(14) {\n  view-transition-name: --frog14;\n}\n\n.frog:nth-child(15) {\n  view-transition-name: --frog15;\n}\n\n::view-transition-old(--frog1),\n::view-transition-new(--frog1),\n::view-transition-old(--frog2),\n::view-transition-new(--frog2),\n::view-transition-old(--frog3),\n::view-transition-new(--frog3),\n::view-transition-old(--frog4),\n::view-transition-new(--frog4),\n::view-transition-old(--frog5),\n::view-transition-new(--frog5),\n::view-transition-old(--frog6),\n::view-transition-new(--frog6),\n::view-transition-old(--frog7),\n::view-transition-new(--frog7),\n::view-transition-old(--frog8),\n::view-transition-new(--frog8),\n::view-transition-old(--frog9),\n::view-transition-new(--frog9),\n::view-transition-old(--frog10),\n::view-transition-new(--frog10),\n::view-transition-old(--frog11),\n::view-transition-new(--frog11),\n::view-transition-old(--frog12),\n::view-transition-new(--frog12),\n::view-transition-old(--frog13),\n::view-transition-new(--frog13),\n::view-transition-old(--frog14),\n::view-transition-new(--frog14),\n::view-transition-old(--frog15),\n::view-transition-new(--frog15), {\n  height: 100%;\n}\n\n.frog.bounceOutUp {\n  -webkit-animation-delay: .6s;\n  -moz-animation-delay: .6s;\n  -ms-animation-delay: .6s;\n  animation-delay: .6s;\n}\n\n.frog .bg.bounce {\n  -webkit-animation-duration: 2s;\n  -moz-animation-duration: 2s;\n  -ms-animation-duration: 2s;\n  animation-duration: 2s;\n}\n\n.frog.yellow .bg.bounce {\n  -webkit-animation-delay: .3s;\n  -moz-animation-delay: .3s;\n  -ms-animation-delay: .3s;\n  animation-delay: .3s;\n}\n\n.frog.red .bg.bounce {\n  -webkit-animation-delay: .6s;\n  -moz-animation-delay: .6s;\n  -ms-animation-delay: .6s;\n  animation-delay: .6s;\n}\n\n.lilypad .bg,\n.frog .bg {\n  width: 100%;\n  height: 100%;\n  background-position: center center;\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n\n.frog .bg {\n  background-size: 60% 60%;\n}\n\n.lilypad.green .bg {\n  background-image: url(\"../images/lilypad-green.svg\");\n}\n\n.lilypad.green.cb-friendly .bg {\n  background-image: url(\"../images/lilypad-green-color-assist.svg\");\n}\n\n.lilypad.red .bg {\n  background-image: url(\"../images/lilypad-red.svg\");\n}\n\n.lilypad.red.cb-friendly .bg {\n  background-image: url(\"../images/lilypad-red-color-assist.svg\");\n}\n\n.lilypad.yellow .bg {\n  background-image: url(\"../images/lilypad-yellow.svg\");\n}\n.lilypad.yellow.cb-friendly .bg {\n  background-image: url(\"../images/lilypad-yellow-color-assist.svg\");\n}\n\n.frog.green .bg {\n  background-image: url(\"../images/frog-green.svg\");\n}\n\n.frog.green.cb-friendly .bg {\n  background-image: url(\"../images/frog-green-color-assist.svg\");\n}\n\n.frog.red .bg {\n  background-image: url(\"../images/frog-red.svg\");\n}\n\n.frog.red.cb-friendly .bg {\n  background-image: url(\"../images/frog-red-color-assist.svg\");\n}\n\n.frog.yellow .bg {\n  background-image: url(\"../images/frog-yellow.svg\");\n}\n\n.frog.yellow.cb-friendly .bg {\n  background-image: url(\"../images/frog-yellow-color-assist.svg\");\n}\n\n.wrap {\n  flex-wrap: wrap;\n}\n\n@media only screen and (max-width: 767px) {\n  body {\n    flex-direction: column-reverse;\n    align-items: center;\n    min-width: 100vw;\n  }\n\n  body,\n  #sidebar {\n    font-size: 13px;\n  }\n\n  #sidebar {\n    width: 100%;\n  }\n\n  #background {\n    border-radius: 0 0 10px 10px;\n  }\n\n  .header {\n    justify-content: center;\n  }\n\n  .title {\n    font-size: 26px;\n  }\n\n  #labelFooter {\n    display: none;\n  }\n}\n\n/* Native by BuySellAds */\n.native-ad {\n  display: block;\n  padding: 10px 20px 8px;\n  border-radius: 4px;\n  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .03) 5px, hsla(0, 0%, 0%, .03) 10px) hsla(0, 0%, 0%, .03);\n  margin-top: 1.5em;\n  font-size: 12px;\n}\n\n.native-ad a {\n  text-decoration: none;\n  display: block;\n  line-height: 1.5;\n}\n\n\n.native-ad .sponsor {\n  position: relative;\n  top: -1px;\n  padding: 3px 4px 2px;\n  margin-right: 4px;\n  border: solid 1px currentColor;\n  border-radius: 2px;\n  color: currentColor;\n  content: \"Sponsor\";\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 1px;\n  font-weight: 600;\n  line-height: 1;\n}\n\n"
  },
  {
    "path": "index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\">\n    <title>Flexbox Froggy - A game for learning CSS flexbox</title>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <meta property=\"og:url\"           content=\"https://flexboxfroggy.com\">\n    <meta property=\"og:type\"          content=\"website\">\n    <meta property=\"og:title\"         content=\"Flexbox Froggy\">\n    <meta property=\"og:description\"   content=\"A game for learning CSS flexbox\">\n    <meta property=\"og:image\"         content=\"https://flexboxfroggy.com/images/screenshot.png\">\n    <meta property=\"fb:app_id\"        content=\"916849395036923\">\n    <meta name=\"twitter:url\"          content=\"https://flexboxfroggy.com\">\n    <meta name=\"twitter:title\"        content=\"Flexbox Froggy\">\n    <meta name=\"twitter:description\"  content=\"A game for learning CSS flexbox\">\n    <meta name=\"twitter:image\"        content=\"https://flexboxfroggy.com/images/screenshot.png\">\n    <meta name=\"google-adsense-account\" content=\"ca-pub-9569380550956585\">\n    <link rel=\"stylesheet\" href=\"node_modules/animate.css/animate.min.css\">\n    <link href='https://fonts.googleapis.com/css?family=PT+Sans|Fredoka+One|Source+Code+Pro' rel='stylesheet' type='text/css'>\n    <link rel=\"stylesheet\" href=\"css/style.css\">\n  </head>\n  <body>\n    <section id=\"sidebar\">\n      <div class=\"header\">\n        <div>\n          <h1 class=\"title\">Flexbox Froggy</h1>\n        </div>\n        <div id=\"level-counter\">\n          <span class=\"arrow left\">\n            <span class=\"triangle\"></span>\n          </span>\n          <span id=\"level-indicator\">\n            <span id=\"labelLevel\" class=\"translate\">Level</span>\n            <span class=\"current\">1</span>\n            <span id=\"labelOf\" class=\"translate\">of</span>\n            <span class=\"total\">1</span>\n            <span class=\"caret\">▾</span>\n          </span>\n          <span class=\"arrow right\">\n            <span class=\"triangle\"></span>\n          </span>\n          <div id=\"levelsWrapper\" class=\"tooltip\">\n            <div id=\"levels\"></div>\n            <div id=\"labelReset\" class=\"translate\">Reset</div>\n          </div>\n        </div>\n      </div>\n      <p id=\"instructions\"></p>\n      <div id=\"editor\">\n        <div id=\"css\">\n          <div class=\"line-numbers\">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10</div>\n          <pre id=\"before\"></pre>\n          <textarea id=\"code\" autofocus autocapitalize=\"none\" spellcheck=\"false\"></textarea>\n          <pre id=\"after\"></pre>\n        </div>\n        <button id=\"next\" class=\"translate\">Next</button>\n      </div>\n      <div id=\"share\">\n        <div class=\"games\">\n          <a target=\"_blank\" data-title=\"Grid Garden\" href=\"https://codepip.com/games/grid-garden/\">\n            <img src=\"images/games/grid-garden.png\" alt=\"Grid Garden\">\n          </a>\n          <a target=\"_blank\" data-title=\"Anchoreum\" href=\"https://codepip.com/games/anchoreum/\">\n            <img src=\"images/games/anchoreum.png\" alt=\"Anchoreum\">\n          </a>\n          <a target=\"_blank\" data-title=\"Disarray\" href=\"https://codepip.com/games/disarray/\">\n            <img src=\"images/games/disarray.png\" alt=\"Disarray\">\n          </a>\n          <a target=\"_blank\" data-title=\"CSS Scoops\" href=\"https://codepip.com/games/css-scoops/\">\n            <img src=\"images/games/css-scoops.png\" alt=\"CSS Scoops\">\n          </a>\n        </div>\n      </div>\n\n      <div class=\"credits\">\n        <span id=\"labelFooter\" class=\"translate\">Flexbox Froggy is created by</span>\n        <a href=\"https://codepip.com\">Codepip</a> •\n        <a href=\"https://youtube.com/codepip\">YouTube</a> •\n        <a href=\"https://twitter.com/playcodepip\">Twitter</a> •\n        <a href=\"https://github.com/thomaspark/flexboxfroggy/\">GitHub</a> •\n        <span id=\"settings\">\n          <span id=\"labelSettings\" class=\"toggle translate\">Settings</span>\n          <span class=\"tooltip\">\n            <section>\n              <h4 id=\"labelLanguage\" class=\"translate\">Language</h4>\n              <select id=\"language\">\n                <option value=\"en\">English</option>\n                <option value=\"es\">Español</option>\n                <option value=\"fr\">Français</option>\n                <option value=\"de\">Deutsch</option>\n                <option value=\"nl\">Nederlands</option>\n                <option value=\"pt-br\">Português</option>\n                <option value=\"ca\">Català</option>\n                <option value=\"gl\">Galego</option>\n                <option value=\"it\">Italiano</option>\n                <option value=\"sv\">Svenska</option>\n                <option value=\"no\">Norsk</option>\n                <option value=\"fi\">Suomi</option>\n                <option value=\"da\">Dansk</option>\n                <option value=\"pl\">Polski</option>\n                <option value=\"cs\">Česky</option>\n                <option value=\"sk\">Slovenčina</option>\n                <option value=\"hu\">Magyar</option>\n                <option value=\"ro\">Română</option>\n                <option value=\"bg\">Български</option>\n                <option value=\"et\">Eesti</option>\n                <option value=\"lv\">Latviešu</option>\n                <option value=\"lt\">Lietuvių</option>\n                <option value=\"uk\">Українська</option>\n                <option value=\"ru\">Русский</option>\n                <option value=\"sr\">Српски</option>\n                <option value=\"bs\">Bosanski</option>\n                <option value=\"hr\">Hrvatski</option>\n                <option value=\"mk\">Македонски</option>\n                <option value=\"mn\">Монгол хэл</option>\n                <option value=\"el\">Ελληνικά</option>\n                <option value=\"tr\">Türkçe</option>\n                <option value=\"az\">Azərbaycanca</option>\n                <option value=\"he\">עברית</option>\n                <option value=\"ar\">العربية</option>\n                <option value=\"fa\">فارسی</option>\n                <option value=\"hi\">हिंदी</option>\n                <option value=\"bn\">বাংলা</option>\n                <option value=\"te\">తెలుగు</option>\n                <option value=\"ta\">தமிழ்</option>\n                <option value=\"gj\">ગુજરાતી</option>\n                <option value=\"si\">සිංහල</option>\n                <option value=\"ml\">മലയാളം</option>\n                <option value=\"np\">नेपाली</option>\n                <option value=\"zh-cn\">简体中文</option>\n                <option value=\"zh-tw\">繁體中文</option>\n                <option value=\"ja\">日本語</option>\n                <option value=\"ko\">한국어</option>\n                <option value=\"vi\">Tiếng Việt</option>\n                <option value=\"th\">ภาษาไทย</option>\n                <option value=\"my\">မြန်မာ</option>\n                <option value=\"id\">Bahasa Indonesia</option>\n                <option value=\"af\">Afrikaans</option>\n                <option value=\"yo\">Yoruba</option>\n                <option value=\"eo\">Esperanto</option>\n              </select>\n            </section>\n            <section>\n              <h4 id=\"labelDifficulty\" class=\"translate\">Difficulty</h4>\n              <form id=\"difficulty\">\n                <div>\n                  <input type=\"radio\" name=\"difficulty\" id=\"difficultyEasy\" value=\"easy\" checked>\n                  <label id=\"labelDifficultyEasy\" for=\"difficultyEasy\" class=\"translate\">Beginner</label>\n                </div>\n                <div>\n                  <input type=\"radio\" name=\"difficulty\" id=\"difficultyMedium\" value=\"medium\">\n                  <label id=\"labelDifficultyMedium\" for=\"difficultyMedium\" class=\"translate\">Intermediate - No Directions</label>\n                </div>\n                <div>\n                  <input type=\"radio\" name=\"difficulty\" id=\"difficultyHard\" value=\"hard\">\n                  <label id=\"labelDifficultyHard\" for=\"difficultyHard\" class=\"translate\">Expert - No Directions &amp; Random Levels</label>\n                </div>\n              </form>\n            </section>\n            <section>\n              <h4 id=\"labelColorblind\" class=\"translate\">Colorblind Mode</h4>\n              <form id=\"colorblind\">\n                <div>\n                  <div>\n                    <input type=\"radio\" name=\"colorblind\" id=\"colorblindOff\" value=\"false\" checked>\n                    <label id=\"labelColorblindOff\" for=\"colorblindOff\" class=\"translate\">Off</label>\n                  </div>\n                  <div>\n                    <input type=\"radio\" name=\"colorblind\" id=\"colorblindOn\" value=\"true\">\n                    <label id=\"labelColorblindOn\" for=\"colorblindOn\" class=\"translate\">On</label>\n                  </div>\n              </form>\n            </section>\n          </span>\n        </span>\n      </div>\n      <div class=\"credits\" style=\"margin-bottom: 1rem;\">\n        <span id=\"gridGarden\" class=\"translate\">Want to learn more CSS? Play</span> <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> or <a href=\"https://codepip.com/games/anchoreum/\">Anchoreum</a>.\n      </div>\n      <script async src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9569380550956585\" crossorigin=\"anonymous\"></script>\n      <!-- Flexbox Froggy Banner -->\n      <ins class=\"adsbygoogle\"\n           style=\"display:inline-block;width:728px;height:90px;max-width:100%;margin-inline:auto\"\n           data-ad-client=\"ca-pub-9569380550956585\"\n           data-ad-slot=\"3755658935\"></ins>\n      <script>\n           (adsbygoogle = window.adsbygoogle || []).push({});\n      </script>\n    </section>\n    <section id=\"view\">\n      <div id=\"board\">\n        <div id=\"pond\">\n        </div>\n        <div id=\"background\">\n        </div>\n      </div>\n    </section>\n    <script src=\"node_modules/jquery/dist/jquery.min.js\"></script>\n    <script src=\"js/levels.js\"></script>\n    <script src=\"js/docs.js\"></script>\n    <script src=\"js/messages.js\"></script>\n    <script src=\"js/game.js\"></script>\n    <script>\n      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');\n\n      ga('create', 'UA-23019901-13', 'auto');\n      ga('send', 'pageview');\n    </script>\n  </body>\n</html>\n\n"
  },
  {
    "path": "js/docs.js",
    "content": "var docs = {\n  'align-content': {\n    'en': '<p>Aligns a flex container\\'s lines within the flex container when there is extra space on the cross-axis.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'bn': '<p>যদি cross-axis এ অতিরিক্ত যায়গা থাকে তাহলে flex container লাইন গুলোকে কে flex container এর ভিতরেই সারিবদ্ধ করে।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'af': '<p>Rig die flex houer se lyne binne die flex houer wanneer daar ekstra spasie is op die kruis-as. </p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (verstek)</code>',\n    'he': '<p>יישור שורות בתוך ה-flex כשיש מקום מיותר בציר המשני.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ro': '<p>Aliniază liniile unui container flex cu containerul flex cand există spațiu în plus pe axa transversală.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'bg': '<p>Подравнява реводете на flex контейнера вътре в него ако има допълнително място по вртикалата.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'de': '<p>Richtet die Zeilen innerhalb eines flex-Containers aus, wenn auf der Querachse Platz ist.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'pt-br': '<p>Alinha as linhas dentro de um container flex quando há espaço sobrando no eixo cruzado.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'es': '<p>Alinea las líneas de un contenedor flex cuando exista más espacio en el eje transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'fr': '<p>Aligne les lignes d\\'un conteneur flex à l\\'intérieur du conteneur flex quand il y a de l\\'espace superflu sur l\\'axe transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ru': '<p>Выравнивает ряды flex-контейнера внутри него (работает только, если элементы расположены больше чем в один ряд).</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'fa': '<p>فرض کنید که ارتفاع flex-container بیشتر از فضایی است که flex-lineها گرفته اند و اصطلاحا مقداری فضای خالی در flex-container وجود دارد. به کمک خاصیت align-content شما می‌توانید محل قرارگیری این flex-line ها را مشخص کنید که از نظر محور عمودی در کجا قرار گیرند.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'zh-cn': '<p>当交叉轴有多余空间时，对齐容器内的轴线。</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'zh-tw': '<p>當交叉軸有多餘空間時，對齊容器內的軸線。</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'tr': '<p>Eğer cross-axis\\'de fazladan alan varsa, flex container satırlarını flex container\\'ın içinde hizalar.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'az': '<p>Əgər cross-axis\\'də artıq sahə varsa, flex container sətirlərini flex container\\'in içində nizamlayar.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'it': '<p>Allinea le linee all\\'interno di un contenitore flex se c\\'è spazio extra lungo l\\'asse verticale </p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ko': '<p>세로선 상에 여분의 공간이 있는 경우 Flex 컨테이너 사이의 간격을 조절합니다.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'lt': '<p>Lygiuoja elastiško supančio elemento eilutes, kai kertančios ašies atžvilgiu yra laisvos vietos.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'vi': '<p>Sắp xếp các dòng trong hộp chứa khi có thêm không gian dọc theo trục ngang.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'pl': '<p>Wyrównuje wiersze wewnątrz kontenera z atrybutem flex w przypadku gdy na osiach poprzecznych jest dodatkowe miejsce.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'cs': '<p>Určuje zarovnání řádků ve směru vedlejší osy, pokud je v kontejneru přebytek místa.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ja': '<p>直行軸 (cross axis) に余裕がある場合、コンテナー内の行を配置します。</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'hu': '<p>A flex konténer sorvonalait igazítja a flex konténeren belül, amennyiben van szabad tér a másodlagos kereszttengely mentén.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'eo': '<p>Vicigas la liniojn de la fleksujo tie kie estas aldona spaco sur la transversakso.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'sv': '<p>Justerar en flex-containers rader inom flex-containern när det finns extra utrymme på motsata axeln.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'uk': '<p>Вирівнює рядки flex-контейнеру всередені самого flex-контейнеру, коли є додатковий простір на поперечній осі.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'hi': '<p>यह कंटेनर के भीतर रखी वस्तुओं के मध्य की जगह को संरेखित करता है।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'gj': '<p>જ્યારે flex કન્ટેનરમાં cross-axis પર વધારાની જગ્યા હોય ત્યારે flex કન્ટેનરની લાઈનોને ગોઠવે છે.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'sr': '<p>Поравњава редове у флекс контејнеру када постоји вишак простора дуж попречне осе.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'bs': '<p>Poravnava redove u fleks kontejneru kada postoji višak prostora duž poprečne ose.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'hr': '<p>Poravnava redove u fleks kontejneru kada postoji višak prostora duž poprečne osi.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'nl': '<p>Lijnt de lijnen van een flex container binnen de flex container uit waneer er extra plaats is op de dwarsas.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ta': '<p>குறுக்கு அச்சு மீது கூடுதல் இடம் இருக்கும் போது flex container-ல் வரிகளை சீரமைக்கும்.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'te': '<p>క్రాస్-యాక్సిస్‌లో అదనపు స్థలం ఉన్నప్పుడు ఫ్లెక్స్ కంటైనర్‌లోని పంక్తులను సమలేఖనం చేస్తుంది. </p><code>flex-start</code><code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ml': '<p>ക്രോസ്-അച്ചുതയിൽ അധിക സ്ഥലം ഉള്ളപ്പോൾ ഫ്ലെക്സസ് കണ്ടെയ്നറിലുള്ള നിരകൾ വിന്യസിക്കുന്നു. </p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'el': '<p>Ευθυγραμμίζει τις γραμμές ενός flex container μέσα στο πλαίσιο του flex container όταν υπάρχει επιπλέον χώρος στον εγκάρσιο άξονα.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'mk': '<p>Ги подредува линиите на flex контејнерот кога во него има дополнителнен простор по вертикалната оска.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'lv': '<p>Novieto flex-elementu robežas flex-konteinera iekšienē.(Darbojas tikai, ja ir pieejama papildus vieta uz šķērsojošās ass.)</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'id': '<p> Selaraskan garis flex di dalam wadah flex apabila ada ruang tambahan pada sumbu silang </p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ar': '<p>محاذاة سطور حاويات فكلس في داخل حاوية فلكس عندما يكون هناك مساحة اضافية على المحور الثانوي .</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'ca': '<p>Alinea les línees d\\'un contenidor flex quan existeixi més espai en l\\'eix transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'da': '<p>Justerer en flex-containers linjer inden i flex-containeren når der er plads til overs på den tværgående akse.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'et': '<p>Joondab flex konteineri jooned flex konteineriga kui on piisavalt ruumi ristteljel.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'fi': '<p>Kohdistaa rivit flex-säilössä, jos poikittaisakselilla on ylimääräistä tilaa.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (oletusarvo)</code>',\n    'gl': '<p>Aliña as liñas dun contedor flex cando hai espazo extra no eixe transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>stretch</code>',\n    'th': '<p>จัดเรียงบรรทัดภายใน flex container ในกรณีที่มีพื้นที่ว่างบนแกนขวาง</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'mn': '<p>Хөндлөн тэнхлэгт нэмэлт зай байгаа үед flexbox-н мөрүүдийг дураараа байрлуулна.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'sk': '<p>Zarovná riadky kontajnera flex v rámci kontajnera flex, ak je na priečnej osi extra priestor.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'si': '<p>හරස් අක්‍ෂයේ අමතර ඉඩ ඇති විට flex කන්ටේනරය තුළ පේළි ඇසිරීම තීරණය කරයි.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'np': '<p>फ्लेक्स कन्टेनरमा थप ठाउँ हुँदा फ्लेक्स कन्टेनरको रेखाहरूलाई क्रस-एक्सिसमा मिलाउनको लागि प्रयोग गरिन्छ।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'my': '<p>flex container ၏လိုင်းများကို cross-axis ပေါ်တွင် နေရာပိုရှိသောအခါ အတွင်း၌တန်းညီအောင်လုပ်သည်။</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'yo': '<p>Ṣe dẹ́édé ìlà àpòlo flex nínú àpòlo flex tí àyè púpọ̀ bá wà ní cross axis.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (default)</code>',\n    'no': '<p>Justerer linjene til en fleksibel beholder innenfor fleksibel beholderen når det er ekstra plass på tverraksen.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code> <code>stretch (standard)</code>',\n  },\n  'align-items': {\n    'en': '<p>Aligns flex items along the cross axis.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'bn': '<p>flex item গুলোকে cross axis বরাবর সারিবদ্ধ করে।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'af': '<p>Rig flex items op die kruis-as.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (verstek)</code>',\n    'he': '<p>יישור פריטים ב-flex לאורך הציר המשני.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ro': '<p>Aliniază elementele flex de-a lungul axei transversale.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'bg': '<p>Подрежда flex елементите по дължината на осите.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'de': '<p>Richtet die flex-Elemente entlang der Querachse aus.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'pt-br': '<p>Alinha itens flex ao longo do eixo cruzado.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'es': '<p>Alinea elementos Flex a lo largo del eje transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'fr': '<p>Aligne les éléments flex selon l\\'axe transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ru': '<p>Выравнивает flex-элементы вдоль пересекаемой оси.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'fa': '<p>این خاصیت نحوه چینش Flex itemها را در محور Cross مشخص می کند. این خاصیت مانند justify-content  است تنها تفاوت آنها در مقادیرشان است.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'zh-cn': '<p>在交叉轴上对齐多个元素</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'zh-tw': '<p>在交叉軸上對齊多個元素</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'tr': '<p>Flex öğelerini cross-axis boyunca hizalar.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'az': '<p>Flex elementlərini cross-axis boyunca nizamlayar.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'it': '<p>Allinea gli elementi flex lungo l\\'asse verticale</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ko': '<p>Flex 요소를 세로선 상에서 정렬합니다.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'lt': '<p>Lygiuoja elastiškus elementus palei kertančią ašį.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'vi': '<p>Sắp xếp các hạng mục flex dọc theo trục ngang.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'pl': '<p>Wyrównuje elementy z atrybutem flex wzdłuż osi poprzecznych.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'cs': '<p>Určuje zarovnání všech prvků ve směru vedlejší osy.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ja': '<p>アイテムを直行軸 (cross axis) に沿って配置します。</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'hu': '<p>A másodlagos kereszt-tengely mentén igazítja a flex elemeket.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'eo': '<p>Vicigas transversakse fleksajn erojn.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'sv': '<p>Justerar flex-objekt längs med motsata axeln.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'uk': '<p>Вирівнює flex-елементи вздовж перетинної осі.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'hi': '<p>वस्तुओं को उर्ध्वाधर रूप से संरेखित करता है।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'gj': '<p>flex itemsને cross axisના સમાંતર ગોઠવે છે.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'sr': '<p>Поравњава флекс елементе дуж попречне осе.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'bs': '<p>Poravnava fleks elemente duž poprečne ose</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'hr': '<p>Poravnava fleks elemente duž poprečne osi</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'nl': '<p>Lijnt flex elementen uit over de dwarsas.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ta': '<p>குறுக்கு அச்சு வழியாக உருப்படிகளை ஒழுங்குபடுத்துகிறது.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'te': '<p> క్రాస్ యాక్సిస్ వెంట ఫ్లెక్స్ అంశాలను సమలేఖనం చేస్తుంది. </p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ml': '<p>ക്രോസ്സ് അക്ഷത്തിൽ വളവുതിരിവുകളുള്ള ഇനങ്ങൾ വിന്യസിക്കുന്നു. </p> <code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'el': '<p>Ευθυγραμμίζει αντικείμενα flex κατά μήκος του εγκάρσιου άξονα.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'mk': '<p>Ги подредува flex елементите по вертикалната оска.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'lv': '<p>Novieto flex vienības attiecībā pret šķērsojošo asi.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'id': '<p> Sejajarkan item fleksibel di sepanjang sumbu silang. </p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ar': '<p>محاذاة عناصر فلكس على طول المحور الثانوي.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'ca': '<p>Alinea elements Flex al llarg de l\\'eix transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'da': '<p>Justerer flex-elementer langs den tværgående akse.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'et': '<p>Joondab flex elemendid mööda risttelge.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'fi': '<p>Kohdistaa flex-elementit poikittaisakselin suuntaisesti.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (oletusarvo)</code>',\n    'gl': '<p>Aliña os elementos flex no eixe transversal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'th': '<p>จัดเรียง flex items ตามแกนขวาง</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'mn': '<p>Хөндлөн тэнхлэгийн дагуу flex items-г байрлуулна.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'sk': '<p>Zarovná ohybné prvky pozdĺž priečnej osi.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'si': '<p>හරස් අක්ෂය දිගේ flex අයිතම පෙළගස්වයි.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'np': '<p>फ्लेक्स आइटमहरूलाई क्रस-एक्सिसमा मिलाउँछ।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'my': '<p>flex items များကို cross axis အတိုင်းတန်းညီအောင်လုပ်သည်။</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'yo': '<p>Se deede flex items po mo cross axis.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (default)</code>',\n    'no': '<p>Justerer fleksible elementer langs tverraksen.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch (standard)</code>',\n  },\n  'align-self': {\n    'en': '<p>Aligns a flex item along the cross axis, overriding the <code>align-items</code> value.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'bn': '<p><code>align-items</code> এর মান না মেনে cross axis বরাবর একটি flex item কে সারিবদ্ধ করে।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'af': '<p>Rig `n flex item op die kruis-as, en oorskryf die <code>align-items</code> waarde.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'he': '<p>יישור פריט flex ספציפי לאורך הציר המשני, דורס את ההגדרה של <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ro': '<p>Aliniază un element flex de-a lungul axei transversale, suprascriind valoarea proprietății <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'bg': '<p>Подрежда flex елемент по дължината на осите, презаписвайки <code>align-items</code> стойността.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'de': '<p>Richtet die flex-Elemente entlang der Querachse aus und überschreibt den Wert von <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'pt-br': '<p>Alinha um item flex ao longo do eixo cruzado, substituindo o valor de <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'es': '<p>Alinea un elemento flex a lo largo del eje transversal, anulando el valor de <code>align-items</code></p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'fr': '<p>Aligne un élément flex selon l\\'axe transversal, outrepassant la valeur de <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ru': '<p>Выравнивает flex-элемент вдоль пересекаемой оси, перекрывая значения свойства <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'fa': '<p>با استفاده از این خاصیت می‌توانید نحوه قرار گرفتن عمودی هر flex item را مشخص کنید. مقادیر این خاصیت دقیقا همان مقادیر خاصیت align-items است. <code>align-items</code> value.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'zh-cn': '<p>在交叉轴上对齐一个元素，覆盖<code>align-items</code>所设定的值.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'zh-tw': '<p>在交叉軸上對齊一個元素，覆蓋<code>align-items</code>所设定的值.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'tr': '<p><code>align-items</code>\\'ın değerini ezerek, sadece bu öğeyi cross-axis boyunca hizalar</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'az': '<p><code>align-items</code>\\'ın dəyərini üstələyərək, sadəcə bu elementi cross-axis boyunca nizamlayar</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'it': '<p>Allinea un elemento flex lungo l\\'asse verticale, sovrascrive il valore di <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ko': '<p>지정된 <code>align-items</code> 값을 무시하고 Flex 요소를 세로선 상에서 정렬합니다.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'lt': '<p>Lygiuoja elastišką elementą palei kertančią ašį nepaisant <code>align-items</code> reikšmės.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'vi': '<p>Sắp xếp một hạng mục flex dọc theo trục ngang, ghi đè lên giá trị của <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'pl': '<p>Wyrównuje element z atrybutem flex wzdłuż osi poprzecznych nadpisując wartość właściwości <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'cs': '<p>Určuje zarovnání prvku ve podle vedlejší osy, přebíjí hodnotu <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ja': '<p>アイテムを直行軸 (cross axis) に沿って配置します。<code>align-items</code>の値を上書きします。</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'hu': '<p>A másodlagos kereszttengely mentén igazít egy flex elemet, felülírva a <code>align-items</code>-ben megadott értéket.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'eo': '<p>Vicigas transversakse fleksajn elementojn, anstataŭigante la <code>align-items</code> valoron.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'sv': '<p>Justerar ett flex-objekt längs med motsata axeln, överskrider värdet från <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'uk': '<p>Вирівнює flex-елемент вздовж перетинної осі, перекриваючи значення властивості <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'hi': '<p>छैतिज रूप से किसी विशिष्ट वस्तु के लिए नियम प्रदान करता है, <code>align-items</code> के नियमों को न मानते हुए।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'gj': '<p>flex itemને  cross axisના સમાંતર ગોઠવે છે અને <code>align-items</code>ની valueને બદલી નાખે છે. .</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'sr': '<p>Поравњава појединачни флекс елемент дуж попречне осе надјачавајући вредност <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'bs': '<p>Poravnava pojedinačni fleks element duž poprečne ose nadjačavajući vrijednost</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'hr': '<p>Poravnava pojedinačni fleks element duž poprečne osi nadjačavajući vrijednost</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'nl': '<p>Lijnt een flex element uit over de dwarsas, en overschrijft de waarde van <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ta': '<p><code>align-items</code> மதிப்புகளை புறக்கணித்து, குறுக்கு அச்சு வழியாக உருப்படிகளை ஒழுங்குபடுத்துகிறது.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'te': '<p><code>align-item</code> విలువను అధిగమించి, క్రాస్ యాక్సిస్ వెంట ఒక ఫ్లెక్స్ ఐటెమ్‌ను సమలేఖనం చేస్తుంది. ముగింపు <code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ml': '<p><code>align-items</code> ഇനെ അസാധു ആക്കി കൊണ്ട്, ക്രോസ്സ് അക്ഷത്തിൽ ഒരു ഫ്ലെക്സ് ഇനത്തെ വിന്യസിക്കുന്നു</p></p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'el': '<p>Ευθυγραμμίζει ένα αντικείμενο flex κατά μήκος του εγκάρσιου άξονα, παρακάμπτοντας την αξία του <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'mk': '<p>Подредува flex element по вертикалната оска, презапишувајќи ја <code>align-items</code> вредноста.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'lv': '<p>Novieto flex vienību attiecībā pret šķērsojošo asi, pārrakstot <code>align-items</code> vērtību.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'id': '<p> Sejajarkan item fleksibel di sepanjang sumbu silang yang menimpa objek <code>align-items</code> value.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ar': '<p>محاذاة عنصر فلكس على طول المحور الثانوي, متجاوزا قيمة <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'ca': '<p>Alinea un element flex al llarg de l\\'eix transversal, anul·lant el valor de <code>align-items</code></p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'da': '<p>Justerer et flex-element langs den tværgående akse, og underkender værdien af <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'et': '<p>Joondab flex elemendi mööda risttelge, ja võtab üle <code>align-items</code> väärtuse.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'fi': '<p>Kohdistaa yksittäisen flex-elementin poikittaisakselin suuntaisesti ohittaen <code>align-items</code>-ominaisuudelle määritetyn arvon.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'gl': '<p>Aliña un elemento flex no eixe transversal, sobrescribindo o valor de <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'th': '<p>จัดเรียง flex item ตามแกนขวาง, โดยทับค่าของคำสั่ง <code>align-items</code></p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'mn': '<p><code>align-items</code> утгыг дарж, flex item-г хөндлөн тэнхлэгийн дагуу байрлуулна.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'sk': '<p>Zarovná prvok flex pozdĺž krížovej osi, pričom nahradí hodnotu <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'si': '<p><code>align-items</code> හි අගය නොසලකා හැර හරස් අක්ෂය දිගේ flex අයිතමය පෙළගස්වයි.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'np': '<p>फ्लेक्स आइटमलाई क्रस-एक्सिसमा मिलाउँछ, <code>align-items</code> को मानलाई ओभरराइड गर्दै।</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'my': '<p><code>align-items</code> တန်ဖိုးကို တစ်ခုခြားပြီး flex item တစ်ခုစီကို cross axis အတိုင်းတန်းညီစေသည်။</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'yo': '<p>Ṣe dẹ́édé flex item pọ̀ mọ́ cross axis láti bọ́rí iye. <code>align-items</code> </p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n    'no': '<p>Justerer et flekselement langs tverraksen, og overstyrer verdien <code>align-items</code>.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>baseline</code> <code>stretch</code>',\n  },   \n  'flex-direction': {\n    'en': '<p>Defines the direction of the main axis.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'bn': '<p>Main axis এর দিক নির্ধারন করে।</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'af': '<p>Bepaal die direksie van die hoof as.</p><code>row (verstek)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'he': '<p>מגדיר את הכיוון של הציר הראשי.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ro': '<p>Definește direcția axei principale.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'bg': '<p>Определя посоката на основната ос.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'de': '<p>Legt die Ausrichtung der Hauptachse fest.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'es': '<p>Define la dirección del eje principal.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'pt-br': '<p>Define a direção do eixo principal.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'fr': '<p>Définit la direction de l\\'axe principal.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ru': '<p>Задает направление основной оси.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'fa': '<p>جهت آیتم ها را مشخص می کند.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'zh-cn': '<p>定义主轴的方向。</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'zh-tw': '<p>定義主軸的方向。</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'tr': '<p>main axis\\'in yönünü belirler.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'az': '<p>Main axis\\'in yönünü təyin edər.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'it': '<p>Definisce la direzione dell\\'asse principale</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ko': '<p>정렬할 방향을 지정합니다.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'lt': '<p>Nustato pagrindinės ašies kryptį.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'vi': '<p>Xác định hướng của trục chính.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'pl': '<p>Określa kierunek głównej osi.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'cs': '<p>Určuje směr hlavní osy.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ja': '<p>主軸 (main axis) の方向を指定します。</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'hu': '<p>Definiálja az elsődleges főtengely irányát.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'eo': '<p>Difinas la direkton de la ĉefa akso.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'sv': '<p>Definierar huvudaxelns håll.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'uk': '<p>Визначає напрямок головної осі.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'hi': '<p>मुख्य धुरी की दिशा परिभाषित करता है।</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'gj': '<p>main axisની દિશા નક્કી કરે છે .</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'sr': '<p>Одређује правац главне осе.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'bs': '<p>Određuje pravac glavne ose.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'hr': '<p>Određuje pravac glavne osi.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'nl': '<p>Definieert de richting van de hoofdas.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ta': '<p>முக்கிய அச்சு திசையை வரையறுக்கிறது.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'te': '<p> ప్రధాన అక్షం యొక్క దిశను నిర్వచిస్తుంది. </p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ml': '<p>പ്രധാന അക്ഷത്തിന്റെ ദിശ നിർവ്വചിക്കുന്നു.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'el': '<p>Ορίζει την κατεύθυνση του κύριου άξονα.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'mk': '<p>Ја одредува насоката на хоризонталната оска.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'lv': '<p>Nodefinē galvenās ass virzienu.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'id': '<p> Tentukan arah sumbu utama.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ar': '<p>تحديد اتجاه المحور الرئيسي.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'ca': '<p>Defineix la direcció de l\\'eix principal.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'da': '<p>Definerer hovedaksens retning.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'et': '<p>Määrab põhitelje suuna</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'fi': '<p>Määrittää pääakselin suunnan.</p><code>row (oletusarvo)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'gl': '<p>Define a dirección do eixe principal.</p><code>row</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'th': '<p>กำหนดทิศทางของแกนหลัก</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'mn': '<p>Үндсэн тэнхлэгийн чиглэлийг тодорхойлно.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'sk': '<p>Určuje smer hlavnej osi.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'si': '<p>ප්‍රධාන අක්‍ෂයේ දිශාව තීරණය කරයි.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'np': '<p>मुख्य अक्षको दिशा परिभाषित गर्छ।</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'my': '<p>main axis ၏ ဦးတည်ရာလမ်းကြောင်းကို သတ်မှတ်သည်။</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'yo': '<p>Sàlàyé ìtòsọ́nà main axis.</p><code>row (default)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n    'no': '<p>Definerer retningen til hovedaksen.</p><code>row (standard)</code> <code>row-reverse</code> <code>column</code> <code>column-reverse</code>',\n  },\n  'flex-flow': {\n    'en': '<p>Shorthand property for <code>flex-direction</code> and <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'bn': '<p><code>flex-direction</code> এবং <code>flex-wrap</code> এর জন্য একটি Shorthand property।</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'af': '<p>Kortskrif eienskap vir <code>flex-direction</code> en <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'he': '<p>קיצור בשביל <code>flex-direction</code> ו-<code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'ro': '<p>Scurtătura pentru <code>flex-direction</code> și <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'bg': '<p>Съкратена версия на <code>flex-direction</code> and <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'de': '<p>Kurzschreibweise für <code>flex-direction</code> und <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'pt-br': '<p>Propriedade abreviada para <code>flex-direction</code> e <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'es': '<p>Abreviación de las propiedades de <code>flex-direction</code> and <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code></p>',\n    'fr': '<p>Raccourci pour <code>flex-direction</code> et <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'ru': '<p>Свойство для быстрой записи <code>flex-direction</code> и <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'fa': '<p>اکنون به کمک flex-flow شما می‌توانید مقادیری که برای <code>flex-direction</code> و <code>flex-wrap</code> در نظر دارید را در یک خاصیت بنویسید.</p>',\n    'zh-cn': '<p><code>flex-direction</code>和<code>flex-wrap</code>的缩写性质。</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'zh-tw': '<p><code>flex-direction</code>和<code>flex-wrap</code>的縮寫性質。</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'tr': '<p><code>flex-direction</code> ve <code>flex-wrap</code> için kısa yazım özelliği.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'az': '<p><code>flex-direction</code> və <code>flex-wrap</code> üçün qısa yazım özəlliyi.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'it': '<p>Scorciatoia per le proprietà <code>flex-direction</code> e <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'ko': '<p>다음의 속성들을 간략히 한 속성입니다: <code>flex-direction</code> and <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'lt': '<p>Sutrumpinta komanda atstojanti <code>flex-direction</code> ir <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'vi': '<p>Viết tắt cho từ <code>flex-direction</code> và từ <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'pl': '<p>Skrócona wersja <code>flex-direction</code> i <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'cs': '<p>Zkrácená verze vlastností <code>flex-direction</code> a <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'ja': '<p><code>flex-direction</code>と<code>flex-wrap</code>のショートハンドプロパティーです。</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'hu': '<p>Rövidítésként szolgáló összevonása a <code>flex-direction</code> és a <code>flex-wrap</code> tulajdonságoknak.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'eo': '<p>Mallongita trajto por <code>flex-direction</code> kaj <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'sv': '<p>Kort version av <code>flex-direction</code> och <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'uk': '<p>Скорочена властивість для <code>flex-direction</code> та <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'hi': '<p>शोर्ट हैंड प्रॉपर्टी <code>flex-direction</code> एवं <code>flex-wrap</code> के लिए।</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'gj': '<p><code>flex-direction</code> અને <code>flex-wrap</code>ની બદલે વાપરી શકાય છે..</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'sr': '<p>Скраћено својство за <code>flex-direction</code> и <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'bs': '<p>Skraćeno svojstvo za <code>flex-direction</code> i <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'hr': '<p>Skraćeno svojstvo za <code>flex-direction</code> i <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'nl': '<p>Een verkorte eigenschap voor een combinatie van <code>flex-direction</code> en <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'ta': '<p><code>flex-direction</code> and <code>flex-wrap</code> இரண்டின் சுருக்கெழுத்து.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'te': '<p> <code>flex-direction</code> మరియు <code>flex-wrap</code> కోసం సంక్షిప్తలిపి ఆస్తి.</p><code>&lt;flex-direction &gt; &lt;flex-wrap &gt;</code>',\n    'ml': '<p><code>flex-direction</code> and <code>flex-wrap</code> ോർട്ട്ഹാൻഡ്.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'el': '<p>Συντομογραφική ιδιότητα για τα <code>flex-direction</code> και <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'mk': '<p>Скратена верзија на <code>flex-direction</code> и <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'lv': '<p><code>flex-direction</code> un <code>flex-wrap</code> saīsināsinātā versija.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'id': '<p> Properti singkatan untuk <code>flex-direction</code> and <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'ar': '<p>خاصية مختصرة لـ <code>flex-direction</code> و <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'ca': '<p>Abreujament de les propietats de <code>flex-direction</code> and <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code></p>',\n    'da': '<p>Forkortelse for <code>flex-direction</code> og <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'et': '<p>Lühendatud omadus, mis ühendab <code>flex-direction</code> ja <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'fi': '<p>Ominaisuuksien <code>flex-direction</code> ja <code>flex-wrap</code> yhdistelmä.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'gl': '<p>Propiedade-atallo para <code>flex-direction</code> e <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'th': '<p>เป็นคำสั่งย่อของ <code>flex-direction</code> และ <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'mn': '<p><code>flex-direction</code> болон <code>flex-wrap</code>-д зориулсан товчилсон проперти.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'sk': '<p>Skrátená vlastnosť pre <code>flex-direction</code> a <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'si': '<p><code>flex-direction</code> සහ <code>flex-wrap</code> සඳහා වන තනි ගුණාංගයකි.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'np': '<p><code>flex-direction</code> र <code>flex-wrap</code> को लागि शॉर्टह्यान्ड प्रोपर्टी।</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'my': '<p><code>flex-direction</code> နှင့် flex-wrap ကို အတိုချုံးရေးသားနိုင်သော property ဖြစ်သည်။ <code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code></p>',\n    'yo': '<p>Ohun ini olowo kukuru fun <code>flex-direction</code> ati <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n    'no': '<p>Shorthand-egenskap for <code>flex-direction</code> og <code>flex-wrap</code>.</p><code>&lt;flex-direction&gt; &lt;flex-wrap&gt;</code>',\n  },\n  'flex-wrap': {\n    'en': '<p>Specifies whether flex items are forced on a single line or can be wrapped on multiple lines.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'bn': '<p>flex item গুলোকে কি একই লাইনে থাকতে বাধ্য করা হবে নাকি একাধিক লাইনে wrap করা যাবে তা নির্ধারন করে।</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'af': '<p>Spesifiseer of die flex items op `n enkele lyn geforseer is of oor meerdere lyne gevou word.</p><code>nowrap (verstek)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'he': '<p>מציין אם פריטי flex יהיו בשורה אחת או יכולים להתפרס (\"להעטף\" - wrap) בכמה שורות.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ro': '<p>Specifică daca elementele flex sunt forțate pe o singură linie sau pot fi impărțit pe mai multe linii.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'bg': '<p>Определя дали flex елементите са на един ред или могат да бъдат разпределени на много редове.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'de': '<p>Legt fest, ob die flex-Elemente in eine Zeile gezwängt werden oder auf mehrere Zeilen umgebrochen werden können.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'pt-br': '<p>Especifica se os itens flex são forçados em um linha única ou podem quebrar em múltiplas linhas.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'es': '<p>Especifica si los elementos flex son forzados a una sola línea o pueden ser envueltos en multiples líneas.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'fr': '<p>Spécifie si les éléments flex sont forcés à être sur une seule ligne ou peuvent être enveloppés sur plusieurs lignes.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ru': '<p>Указывает, нужно ли чтоб элементы принудительно находились в одном ряду или автоматически переносились.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'fa': '<p>در حالت عادی همه flex item ها در یک خط قرار می‌گیرند. به کمک خاصیت flex-wrap شما می‌توانید مشخص کنید که flex item ها در چندین خط قرار بگیرند.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'zh-cn': '<p>定义flex元素必须在单行或自动换行成多行。</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'zh-tw': '<p>定義flex元素必須在單行或自動換行成多行。</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'tr': '<p>Flex öğelerin tek satıra sığmasını ya da çoklu satırlara bölünmesini belirler.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'az': '<p>Flex elementlərin tək sətirə sığmasını və ya çoxlu sətirlərə bölünməsini təyin edər.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'it': '<p>Specifica se gli elementi flex vengono disposti forzatamente su una singola linea o se possono occupare più linee</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ko': '<p>Flex 요소들을 한 줄 또는 여러 줄에 걸쳐 정렬합니다.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'lt': '<p>Nusako ar elastiški elementai turi būti sutalpinti vienoje eilutėje, ar gali būti paskirstyti per kelias eilutes.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'vi': '<p>Xác định xem các hạng mục flex phải trên một dòng hoặc có thể quấn trên nhiều dòng.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'pl': '<p>Określa czy elementy z atrybutem flex muszą być ściśnięte w jednym wierszu czy mogą być rozproszone.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'cs': '<p>Určuje, zda budou prvky na jednom řádku, nebo se mohou rozdělit na více řádků.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ja': '<p>アイテムを強制的に一行に並べるか、複数行へ折り返すかを指定します。</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'hu': '<p>Meghatározza, hogy a flex elemek egy sorba vannak kényszerítve vagy megtörhetnek több sorba.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'eo': '<p>Indikas ĉu fleksaj elementoj devige estu sur nura linio aŭ faldkapeblas je pluraj linioj.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'sv': '<p>Specificerar on flex-objekt är låsta till en rad eller om dom får flöda över till flera rader.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'uk': '<p>Визначає, чи будуть елементи знаходитись в одному рядку, чи будуть перенесені до наступних рядків.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'hi': '<p>यह निर्दिष्ठ करता है की कोई वस्तु एक पंक्ति अथवा कई पंक्तियों में आएगी।</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'gj': '<p>તે નક્કી કરે છે કે flex items ને single line માં wrap કરવા કે  multiple linesમાં .</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'sr': '<p>Одређује да ли ће флекс елементи стајати у једном реду или ће прећи у нове редове.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'bs': '<p>Određuje da li će fleks elementi stajati u jednom redu ili će preći u nove redove.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'hr': '<p>Određuje da li će fleks elementi stajati u jednom redu ili će prijeći u nove redove.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'nl': '<p>Specifieert of de flex elementen op een enkele lijn geforceerd worden, of ze over meerdere lijnen gewikkeld worden.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ta': '<p>ஒரு ஒற்றை வரியில் பொருட்களை கட்டாயமாக்க வேண்டுமா அல்லது பல வரிகளில் மூடப்பட்டிருக்கலாம் என்பதைக் குறிப்பிடுகிறது.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'te': '<p>ఫ్లెక్స్ ఐటెమ్‌లు ఒకే పంక్తిలో బలవంతం చేయబడుతున్నాయా లేదా బహుళ పంక్తులలో చుట్టవచ్చా అని నిర్దేశిస్తుంది.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ml': '<p>ഫ്ലെക്സിങ് ഇനങ്ങളെ ഒരൊറ്റ വരിയിൽ നിർബന്ധിതരാണോ അല്ലെങ്കിൽ ഒന്നിലധികം വരികളിൽ പൊതിഞ്ഞ് വരാമോ എന്ന് നിർദേശിക്കുന്നു.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'el': '<p>Προσδιορίζει κατά πόσο τα αντικείμενα flex στριμώχνονται σε μία γραμμή ή μπορούν να τυλιχθούν σε πολλαπλές γραμμές.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'mk': '<p>Специфицира дали flex елементите се присилени во еден ред или можат да бидат распределени во повеќе редови.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'lv': '<p>Norāda to, vai flex vienības tiek novietotas vienā rindā vai var tik izvietotas vairākās rindās.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'id': '<p> Tentukan apakah flex objek dipaksa pada satu garis atau dapat dibungkus pada beberapa baris.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ar': '<p>تحديد اذا كانت عناصر فلكس يجب ان تكون في سطر واحد او ممكن ان تتمدد الى اكثر من سطر.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'ca': '<p>Especifica si els elements flex són forçats a una sola línia o poden ser encapçulats en multiples línies.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'da': '<p>Fastsætter om flex-elementer skal tvinges ind på en enkelt linje eller må fordeles over flere linjer.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'et': '<p>Täpsustab, kas flex elemendd on surutud on ühele reale või on nad pakitud mitmele reale.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'fi': '<p>Määrittää, pakotetaanko elementit yhdelle riville vai voivatko ne rivittyä useammalle riville.</p><code>nowrap (oletusarvo)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'gl': '<p>Determina se os elementos flex teñen que apertarse para coller nunha soa liña ou se se poden distribuír en múltiples liñas.</p><code>nowrap</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'th': '<p>กำหนดว่า flex items จะถูกบังคับให้อยู่ในบรรทัดเดียว หรือสามารถพับไปอยู่หลายบรรทัด</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'mn': '<p>Flex items-г нэг мөрөнд шахах эсвэл олон мөрөнд тарааж байрлуулах уу гэдгийг заана.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'sk': '<p>Určuje, či sa položky flex musia nachádzať na jednom riadku alebo môžu byť zabalené do viacerých riadkov.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'si': '<p>flex අයිතම තනි පේළියකට හෝ පේළි කිහිපයකට ඇසිරීම තීරණය කරයි.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'np': '<p>फ्लेक्स आइटमहरूलाई एउटै लाइनमा बाध्य पार्ने वा धेरै लाइनहरूमा र्‍याप गर्न मिल्ने हो वा होइन भनेर निर्दिष्ट गर्दछ।</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'my': '<p>flex items များကို တစ်ချက်တည်းတန်းစီစေမည်လား၊ များသောတန်းများအဖြစ် ပြန်ပက်စေမည်လား ဆိုသည်ကို သတ်မှတ်သည်။</p><code>nowrap (မူရင်း)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'yo': '<p>Ṣe pàtó bóyá flex items gbọ́dọ̀ dúró sí orí ìlà kan ṣoṣo tàbí pé wọ́n lè yípo lórí ọ̀pọ̀ ìlà.</p><code>nowrap (default)</code> <code>wrap</code> <code>wrap-reverse</code>',\n    'no': '<p>Spesifiserer om fleksible elementer tvinges på én linje eller kan brytes på flere linjer.</p><code>nowrap (standard)</code> <code>wrap</code> <code>wrap-reverse</code>',\n  },\n  'justify-content': {\n    'en': '<p>Aligns flex items along the main axis.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'bn': '<p>flex item গুলোকে main axis বরাবর সারিবদ্ধ করে।</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'af': '<p>Rig die flex items op die hoof as.</p><code>flex-start (verstek)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'he': '<p>יישור פריטי flex לאורך הציר הראשי.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ro': '<p>Aliniază elementele flex de-a lungul axei principale.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'bg': '<p>Подрежда flex елементи по дължината на основната ос.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'de': '<p>Richtet die flex-Elemente entlang der Hauptachse aus.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'pt-br': '<p>Alinha os itens flex ao longo do eixo principal.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'es': '<p>Alinea los elementos flex a lo largo del eje principal.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'fr': '<p>Aligne les éléments flex selon l\\'axe principal.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ru': '<p>Выравнивает flex-элементы вдоль главной оси.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'fa': '<p>با استفاده از این خاصیت می‌توانید نحوه چیدمان آیتم‌ها بر روی محور اصلی را تعیین کنید (به یاد داشته باشید همانطور که گفتیم اگر خاصیت flex-direction برابر column یا column-reverse باشد، محور اصلی عمودی خواهد بود).</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'zh-cn': '<p>将flex元素和主轴对齐。</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'zh-tw': '<p>將flex元素和主軸對齊。</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'tr': '<p>Flex öğeleri main axis boyunca hizalar.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'az': '<p>Flex elementləri main axis boyunca nizamlayar.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'it': '<p>Allinea gli elementi flex lungo l\\'asse principale.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ko': '<p>Flex 요소들을 가로선 상에서 정렬합니다.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'lt': '<p>Lygiuoja elastiškus elementus palei pagrindinę ašį.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'vi': '<p>Sắp xếp các hạng mục flex dọc theo trục chính.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'pl': '<p>Wyrównuje elementy z atrybutem flex wzdłuż głownej osi.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'cs': '<p>Zarovnává prvky ve směru hlavní osy.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ja': '<p>アイテムを主軸 (main axis) に沿って配置します。</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'hu': '<p>Az elsődleges főtengely mentén igazítja a flex elemeket.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'eo': '<p>Liniigas fleksajn elementojn laŭĉefakse.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'sv': '<p>Justerar flex-objekt längs med huvudaxeln.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'uk': '<p>Вирівнює flex-елементи вздовж головної осі.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'hi': '<p>वस्तुओं को छैतिज रूप से संरेखित करता है।</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'gj': '<p>flex itemsને main axisની સમાંતર ગોઠવે છે.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'sr': '<p>Поравњава флекс елементе дуж главне осе.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'bs': '<p>Poravnava fleks elemente duž glavne ose.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'hr': '<p>Poravnava fleks elemente duž glavne osi.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'nl': '<p>Lijnt de flex elementen uit langs de hoofdas.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ta': '<p>முக்கிய அச்சில் உருப்படிகளை சீரமைக்கும்.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'te': '<p>ప్రధాన అక్షంతో పాటు ఫ్లెక్స్ అంశాలను సమలేఖనం చేస్తుంది.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ml': '<p>ഫ്ലെക്സി ഇനങ്ങളെ മെയിൻ ആക്സിസിൽ വിന്യസിക്കുന്നു</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'el': '<p>Ευθυγραμμίζει αντικείμενα flex κατά μήκος του κύριου άξονα.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'mk': '<p>Подредува flex елементи по хоризонталната оска.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'lv': '<p>Novieto flex vienību attiecībā pret galveno asi.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'id': '<p> Sejajarkan flex objek pada sepanjang sumbu utama. </p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ar': '<p>محاذاة عناصر فلكس على طول المحور الرئيسي.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'ca': '<p>Alinea els elements flex al llarg de l\\'eix principal.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'da': '<p>Justerer flex-elementer langs hovedaksen.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'et': '<p>Joondab flex elemendid mööda põhitelge.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'fi': '<p>Kohdistaa flex-elementit pääakselin suuntaisesti.</p><code>flex-start (oletusarvo)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'gl': '<p>Aliña os elementos flex no eixe principal.</p><code>flex-start</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code>',\n    'th': '<p>จัดเรียง flex items ตามแกนหลัก</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'mn': '<p>Үндсэн тэнхлэгийн дагуу flex item-ийг байрлуулна.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'sk': '<p>Zarovnanie prvkov flex pozdĺž hlavnej osi.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'si': '<p>ප්‍රධාන අක්ෂය දිගේ flex අයිතම පෙළගස්වයි.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'np': '<p>फ्लेक्स आइटमहरूलाई मुख्य अक्षमा मिलाउँछ।</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'my': '<p>flex items များကို main axis အတိုင်း တန်းညီအောင်လုပ်သည်။</p><code>flex-start (မူရင်း)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'yo': '<p>Ṣe deede àwọn flex items pẹ̀lú main axis.</p><code>flex-start (default)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n    'no': '<p>Justerer fleksible elementer langs hovedaksen.</p><code>flex-start (standard)</code> <code>flex-end</code> <code>center</code> <code>space-between</code> <code>space-around</code> <code>space-evenly</code>',\n  },\n  'order': {\n    'en': '<p>Specifies the order of the flex item.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'bn': '<p>Flex item এর order (ক্রম) নির্ধারন করে।</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'af': '<p>Spesifiseer die orde van die flex item.</p><code>&lt;integer&gt; (... -1, 0 (verstek), 1, ...)</code>',\n    'he': '<p>מציין את הסדר של פריט flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'ro': '<p>Specifică ordinea elementelor flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'bg': '<p>Определя реда на flex елемента.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'de': '<p>Legt die Reihenfolge der flex-Elemente fest.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'pt-br': '<p>Especifica a ordem de um item flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'es': '<p>Especifica el orden de los elementos flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'fr': '<p>Spécifie l\\'ordre de l\\'élément flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'ru': '<p>Указывает порядок flex-элемента.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'fa': '<p>به کمک خاصیت order شما می‌توانید ترتیب چینش Flex itemها را مشخص کنید. مقادیر این خاصیت اعداد می‌باشند و هرچه عدد کوچکتر باشد اولویت آیتم بالاتر خواهد بود..</p><code>(... -1, 0 (default), 1, ...) &lt;integer&gt;</code>',\n    'zh-cn': '<p>决定flex元素的顺序。</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'zh-tw': '<p>決定flex元素的順序。</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'tr': '<p>Flex öğenin sırasını belirler.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'az': '<p>Flex elementinin sırasını təyin edər.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'it': '<p>Specifica l\\'ordine degli elementi flex</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'ko': '<p>Flex 요소의 순서를 지정합니다.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'lt': '<p>Nusako elastiškų elementų eilės tvarką.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'vi': '<p>Chỉ rõ thứ tự của các hạng mục flex</p><code>&lt;itegeer&gt;(... -1, 0 (default), 1, ...) </code>',\n    'pl': '<p>Określa kolejność elementów z atrybutem flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'cs': '<p>Určuje pořadí prvku v kontejneru.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'ja': '<p>アイテムの順序を指定します。</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'hu': '<p>Meghatározza a flex elem sorrendiségét.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'eo': '<p>Precizigas la ordon de la fleksa elemento.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'sv': '<p>Specificerar ordningen för flex-objekten.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'uk': '<p>Вказує порядок flex-елементу.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'hi': '<p>फ्लेक्स आइटम का क्रम निश्चित करता है।</p><code>&lt;पूर्णांक&gt; (... -1, 0 (default), 1, ...)</code>',\n    'gj': '<p>flex itemનો ક્ર્મ નક્કી કરે છે.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'sr': '<p>Дефинише место појединачног флекс елемента.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'bs': '<p>Definira mjesto pojedinog fleks elementa.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'hr': '<p>Definira mjesto pojedinog fleks elementa.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'nl': '<p>Bepaalt de volgorde van de flex elementen.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'ta': '<p>உருப்படியின் வரிசையைக் குறிப்பிடுகிறது.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'te': '<p>ఫ్లెక్స్ ఐటెమ్ యొక్క క్రమాన్ని పేర్కొంటుంది. </p><code>&lt; పూర్ణాంకం&gt; (... -1, 0 (default), 1, ...)</code> ',\n    'ml': '<p>ഫ്ളക്സ് ഇനങ്ങളുടെ ക്രമം വ്യക്തമാക്കുന്നു</p></p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'el': '<p>Προσδιορίζει την σειρά του αντικειμένου flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'mk': '<p>Го одредува редоследот на flex елементот.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'lv': '<p>Norāda flex vienības kārtas numuru.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'id': '<p> Tentukan urutan flex objek.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'ar': '<p>تحديد ترتيب عناصر فلكس.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'ca': '<p>Especifica l\\'ordre dels elements flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'da': '<p>Fastsætter rækkefølgen af flex-elementet.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'et': '<p>Täpsustab flex elemendi järjekorda.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'fi': '<p>Määrittää yksittäisen flex-elementin järjestyksen.</p><code>&lt;integer&gt; (... -1, 0 (oletusarvo), 1, ...)</code>',\n    'gl': '<p>Especifica a orde do elemento flex.</p><code>&lt;integer&gt; (... -1, 0, 1, ...)</code>',\n    'th': '<p>กำหนดลำดับของ flex item</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'mn': '<p>Flex item-н байрлах дарааллыг заана.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'sk': '<p>Určuje poradie položky flex.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'si': '<p>flex අයිතමයේ අනුපිළිවෙල තීරණය කරයි.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'np': '<p>फ्लेक्स आइटमको क्रम निर्दिष्ट गर्दछ।</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'my': '<p>flex item ၏ အစဥ်အတိုင်းကို သတ်မှတ်ပေးသည်။</p><code>&lt;integer&gt; (... -1, 0 (မူရင်း), 1, ...)</code>',\n    'yo': '<p>Ṣe pàtó ìbẹ̀rẹ̀ tàbí ìparí flex item.</p><code>&lt;integer&gt; (... -1, 0 (default), 1, ...)</code>',\n    'no': '<p>Angir rekkefølgen på flekselementet.</p><code>&lt;integer&gt; (... -1, 0 (standard), 1, ...)</code>',\n  }\n};\n"
  },
  {
    "path": "js/game.js",
    "content": "var game = {\n  colorblind: (localStorage.colorblind && JSON.parse(localStorage.colorblind)) || 'false',\n  language: window.location.hash.substring(1) || 'en',\n  difficulty: 'easy',\n  level: parseInt(localStorage.level, 10) || 0,\n  answers: (localStorage.answers && JSON.parse(localStorage.answers)) || {},\n  solved: (localStorage.solved && JSON.parse(localStorage.solved)) || [],\n  changed: false,\n  clickedCode: null,\n\n  start: function() {\n    // navigator.language can include '-'\n    // ref: https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/language\n    var requestLang = window.navigator.language.split('-')[0];\n    if (window.location.hash === '' && requestLang !== 'en' && messages.languageActive.hasOwnProperty(requestLang)) {\n      game.language = requestLang;\n      window.location.hash = requestLang;\n    }\n\n    game.translate();\n    $('#level-counter .total').text(levels.length);\n    $('#editor').show();\n    $('#share').hide();\n    $('#language').val(game.language);\n    $('input[value=\"' + game.colorblind + '\"]', '#colorblind').prop('checked', true);\n\n    this.setHandlers();\n    this.loadMenu();\n    game.loadLevel(levels[game.level]);\n  },\n\n  setHandlers: function() {\n    $('#next').on('click', function() {\n      $('#code').focus();\n\n      if ($(this).hasClass('disabled')) {\n        if (!$('.frog').hasClass('animated')) {\n          game.tryagain();\n        }\n\n        return;\n      }\n\n      $(this).removeClass('animated animation');\n      $('.frog').addClass('animated bounceOutUp');\n      $('.arrow, #next').addClass('disabled');\n\n      setTimeout(function() {\n        if (game.level >= levels.length - 1) {\n          game.win();\n        } else {\n          game.next();\n        }\n      }, 2000);\n    });\n\n    $('#code').on('keydown', function(e) {\n      if (e.keyCode === 13) {\n\n        if (e.ctrlKey || e.metaKey) {\n          e.preventDefault();\n          game.check();\n          $('#next').click();\n          return;\n        }\n\n        var max = $(this).data('lines');\n        var code = $(this).val();\n        var trim = code.trim();\n        var codeLength = code.split('\\n').length;\n        var trimLength = trim.split('\\n').length;\n\n        if (codeLength >= max) {\n\n          if (codeLength === trimLength) {\n            e.preventDefault();\n            $('#next').click();\n          } else {\n            $('#code').focus().val('').val(trim);\n          }\n        }\n      }\n    }).on('input', game.debounce(game.check, 500))\n    .on('input', function() {\n      game.changed = true;\n      $('#next').removeClass('animated animation').addClass('disabled');\n    });\n\n    $('#editor').on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {\n      $(this).removeClass();\n    });\n\n    $('#labelReset').on('click', function() {\n      var warningReset = messages.warningReset[game.language] || messages.warningReset.en;\n      var r = confirm(warningReset);\n\n      if (r) {\n        game.level = 0;\n        game.answers = {};\n        game.solved = [];\n        game.loadLevel(levels[0]);\n\n        $('.level-marker').removeClass('solved');\n      }\n    });\n\n    $('#labelSettings').on('click', function() {\n      $('#levelsWrapper').hide();\n      $('#settings .tooltip').toggle();\n      $('#instructions .tooltip').remove();\n    })\n\n    $('#language').on('change', function() {\n      window.location.hash = $(this).val();\n    });\n\n    $('#difficulty').on('change', function() {\n      game.difficulty = $('input:checked', '#difficulty').val();\n\n      // setting height will prevent a slight jump when the animation starts\n      var $instructions = $('#instructions');\n      var height = $instructions.height();\n      $instructions.css('height', height);\n\n      var $markers = $('.level-marker');\n\n      if (game.difficulty == 'hard' || game.difficulty == 'medium') {\n        $instructions.slideUp();\n\n        $markers.each(function() {\n          var $marker = $(this);\n          if ($marker[0].hasAttribute('title')) {\n            $marker.attr('data-title', $marker.attr('title'));\n            $marker.removeAttr('title');\n          }\n        });\n      } else {\n        $instructions.css('height', '').slideDown();\n\n        $markers.each(function() {\n          var $marker = $(this);\n          if ($marker[0].hasAttribute('data-title')) {\n            $marker.attr('title', $marker.attr('data-title'));\n            $marker.removeAttr('data-title');\n          }\n        });\n      }\n    });\n\n    $('#colorblind').on('change', function() {\n      game.colorblind = $('input:checked', '#colorblind').val();\n\n      if (game.colorblind == 'true') {\n        $('.lilypad, .frog').addClass('cb-friendly');\n      } else {\n        $('.lilypad, .frog').removeClass('cb-friendly');\n      }\n    });\n\n    $('body').on('click', function() {\n      $('.tooltip').hide();\n      clickedCode = null;\n    });\n\n    $('.tooltip, .toggle, #level-indicator').on('click', function(e) {\n      e.stopPropagation();\n    });\n\n    $(window).on('beforeunload', function() {\n      game.saveAnswer();\n      localStorage.setItem('level', game.level);\n      localStorage.setItem('answers', JSON.stringify(game.answers));\n      localStorage.setItem('solved', JSON.stringify(game.solved));\n      localStorage.setItem('colorblind', JSON.stringify(game.colorblind));\n    }).on('hashchange', function() {\n      game.language = window.location.hash.substring(1) || 'en';\n      game.translate();\n\n      $('#tweet iframe').remove();\n      var html = '<a href=\"https://twitter.com/share\" class=\"twitter-share-button\"{count} data-url=\"https://flexboxfroggy.com\" data-via=\"thomashpark\">Tweet</a> ' +\n                 '<a href=\"https://twitter.com/thomashpark\" class=\"twitter-follow-button\" data-show-count=\"false\">Follow @thomashpark</a>';\n      $('#tweet').html(html);\n\n      if (typeof twttr !== 'undefined') {\n        twttr.widgets.load();\n      }\n\n      if (game.language === 'en') {\n        history.replaceState({}, document.title, './');\n      }\n    });\n  },\n\n  prev: function() {\n    this.level--;\n\n    var levelData = levels[this.level];\n    this.loadLevel(levelData);\n  },\n\n  next: function() {\n    if (this.difficulty === \"hard\") {\n      this.level = Math.floor(Math.random()* levels.length)\n    } else {\n      this.level++\n    }\n\n    var levelData = levels[this.level];\n    this.loadLevel(levelData);\n  },\n\n  loadMenu: function() {\n    levels.forEach(function(level, i) {\n      var levelMarker = $('<span/>').addClass('level-marker').attr({'data-level': i, 'title': level.name}).text(i+1);\n\n      if ($.inArray(level.name, game.solved) !== -1) {\n        levelMarker.addClass('solved');\n      }\n\n      levelMarker.appendTo('#levels');\n    });\n\n    $('.level-marker').on('click', function() {\n      game.saveAnswer();\n\n      var level = $(this).attr('data-level');\n      game.level = parseInt(level, 10);\n      game.loadLevel(levels[level]);\n    });\n\n    $('#level-indicator').on('click', function() {\n      $('#settings .tooltip').hide();\n      $('#levelsWrapper').toggle();\n      $('#instructions .tooltip').remove();\n    });\n\n    $('.arrow.left').on('click', function() {\n      if ($(this).hasClass('disabled')) {\n        return;\n      }\n\n      game.saveAnswer();\n      game.prev();\n    });\n\n    $('.arrow.right').on('click', function() {\n      if ($(this).hasClass('disabled')) {\n        return;\n      }\n\n      game.saveAnswer();\n      game.next();\n    });\n  },\n\n  loadLevel: function(level) {\n    $('#editor').show();\n    $('#share').hide();\n    $('#background, #pond').removeClass('wrap').attr('style', '').empty();\n    $('#levelsWrapper').hide();\n    $('.level-marker').removeClass('current').eq(this.level).addClass('current');\n    $('#level-counter .current').text(this.level + 1);\n    $('#before').text(level.before);\n    $('#after').text(level.after);\n    $('#next').removeClass('animated animation').addClass('disabled');\n\n    var instructions = level.instructions[game.language] || level.instructions.en;\n    $('#instructions').html(instructions);\n\n    $('.arrow.disabled').removeClass('disabled');\n\n    if (this.level === 0) {\n      $('.arrow.left').addClass('disabled');\n    }\n\n    if (this.level === levels.length - 1) {\n      $('.arrow.right').addClass('disabled');\n    }\n\n    var answer = game.answers[level.name];\n    $('#code').val(answer).focus();\n\n    this.loadDocs();\n\n    var lines = Object.keys(level.style).length;\n    $('#code').height(20 * lines).data(\"lines\", lines);\n\n    var string = level.board;\n    var markup = '';\n    var colors = {\n      'g': 'green',\n      'r': 'red',\n      'y': 'yellow'\n    };\n\n    for (var i = 0; i < string.length; i++) {\n      var c = string.charAt(i);\n      var color = colors[c];\n\n      var lilypad = $('<div/>').addClass('lilypad ' + color + (this.colorblind == 'true' ? ' cb-friendly' : '')).data('color', color);\n      var frog = $('<div/>').addClass('frog ' + color + (this.colorblind == 'true' ? ' cb-friendly' : '')).data('color', color);\n\n      $('<div/>').addClass('bg').css(game.transform()).appendTo(lilypad);\n      $('<div/>').addClass('bg animated pulse infinite').appendTo(frog);\n\n      $('#background').append(lilypad);\n      $('#pond').append(frog);\n    }\n\n    var classes = level.classes;\n\n    if (classes) {\n      for (var rule in classes) {\n        $(rule).addClass(classes[rule]);\n      }\n    }\n\n    var selector = level.selector || '';\n    $('#background ' + selector).css(level.style);\n\n    game.changed = false;\n    game.applyStyles();\n    game.check();\n  },\n\n  loadDocs: function() {\n    $('#instructions code').each(function() {\n      var code = $(this);\n      var text = code.text();\n\n      if (text in docs) {\n        code.addClass('help');\n        code.on('click', function(e) {\n          e.stopPropagation();\n\n          // If click same code when tooltip already displayed, just remove current tooltip.\n          if ($('#instructions .tooltip').length !== 0 && clickedCode === code){\n            $('#instructions .tooltip').remove();\n            return;\n          }\n\n          $('#levelsWrapper').hide();\n          $('#settings .tooltip').hide();\n          $('#instructions .tooltip').remove();\n          var html = docs[text][game.language] || docs[text].en;\n          var tooltipX = code.offset().left;\n          var tooltipY = code.offset().top + code.height() + 13;\n          $('<div class=\"tooltip\"></div>').html(html).css({\n            top: tooltipY,\n            left: tooltipX\n          }).appendTo($('#instructions'));\n\n          var getDefaultPropVal = (pValue) => {\n            if (pValue == '<integer>')\n              return '0';\n            else if (pValue == '<flex-direction>')\n              return 'row nowrap';\n\n            return pValue;\n          };\n\n          $('#instructions .tooltip code').on('click', function(event) {\n            var pName = text;\n            var pValue = event.target.textContent.split(' ')[0];\n            pValue = getDefaultPropVal(pValue);\n            game.writeCSS(pName, pValue);\n\n            game.check();\n          });\n          clickedCode = code;\n        });\n      }\n    });\n  },\n\n  applyStyles: function() {\n    var level = levels[game.level];\n    var code = $('#code').val();\n    var selector = level.selector || '';\n    $('#pond ' +  selector).attr('style', code);\n    game.saveAnswer();\n  },\n\n  check: async function() {\n    if (!document.startViewTransition) {\n      game.applyStyles();\n      game.compare();\n      return;\n    }\n\n    const transition = document.startViewTransition(() => game.applyStyles());\n\n    try {\n      await transition.finished;\n    } finally {\n      game.compare();\n    }\n  },\n\n  compare: function() {\n    var level = levels[game.level];\n    var lilypads = {};\n    var frogs = {};\n    var correct = true;\n\n    $('.frog').each(function() {\n      var position = $(this).position();\n      position.top = Math.floor(position.top);\n      position.left = Math.floor(position.left);\n\n      var key = JSON.stringify(position);\n      var val = $(this).data('color');\n      frogs[key] = val;\n    });\n\n    $('.lilypad').each(function() {\n      var position = $(this).position();\n      position.top = Math.floor(position.top);\n      position.left = Math.floor(position.left);\n\n      var key = JSON.stringify(position);\n      var val = $(this).data('color');\n\n      if (!(key in frogs) || frogs[key] !== val) {\n        correct = false;\n      }\n    });\n\n    if (correct) {\n      if ($.inArray(level.name, game.solved) === -1) {\n        game.solved.push(level.name);\n      }\n\n      $('[data-level=' + game.level + ']').addClass('solved');\n      $('#next').removeClass('disabled').addClass('animated animation');\n    } else {\n      game.changed = true;\n      $('#next').removeClass('animated animation').addClass('disabled');\n    }\n  },\n\n  saveAnswer: function() {\n    var level = levels[this.level];\n    game.answers[level.name] = $('#code').val();\n  },\n\n  tryagain: function() {\n    $('#editor').addClass('animated shake');\n  },\n\n  win: function() {\n    var solution = $('#code').val();\n\n    this.loadLevel(levelWin);\n\n    $('#editor').hide();\n    $('#code').val(solution);\n    $('#share').show();\n    $('.frog .bg').removeClass('pulse').addClass('bounce');\n  },\n\n  transform: function() {\n    var scale = 1 + ((Math.random() / 5) - 0.2);\n    var rotate = 360 * Math.random();\n\n    return {'transform': 'scale(' + scale + ') rotate(' + rotate + 'deg)'};\n  },\n\n  translate: function() {\n    document.title = messages.title[game.language] || messages.title.en;\n    $('html').attr('lang', game.language);\n\n    var level = $('#editor').is(':visible') ? levels[game.level] : levelWin;\n    var instructions = level.instructions[game.language] || level.instructions.en;\n    $('#instructions').html(instructions);\n    game.loadDocs();\n\n    $('.translate').each(function() {\n      var label = $(this).attr('id');\n      if (messages[label]) {\n        var text = messages[label][game.language] || messages[label].en;\n\t  }\n\n      $('#' + label).text(text);\n    });\n  },\n\n  debounce: function(func, wait, immediate) {\n    var timeout;\n    return function() {\n      var context = this, args = arguments;\n      var later = function() {\n        timeout = null;\n        if (!immediate) func.apply(context, args);\n      };\n      var callNow = immediate && !timeout;\n      clearTimeout(timeout);\n      timeout = setTimeout(later, wait);\n      if (callNow) func.apply(context, args);\n    };\n  },\n\n  writeCSS: function(pName, pValue){\n    var tokens = $('#code').val().trim().split(/[\\n:;]+/).filter(i => i);\n    var keywords = Object.keys(docs);\n    var content = '';\n    var filled = false;\n\n    // Do nothing when click property name inside Tooltip\n    if (keywords.includes(pValue)) return;\n\n    tokens.forEach(function (token, i){\n      var trimmedToken = token.trim();\n      if (!keywords.includes(trimmedToken)){\n        return;\n      }\n\n      var append = content !== '' ? '\\n' : '';\n      if (trimmedToken === pName && !filled)\n      {\n        filled = true;\n        append += trimmedToken + ': ' + pValue + ';';\n      }\n      else if (i + 1 < tokens.length){\n        var val = !keywords.includes(tokens[i + 1].trim()) ? tokens[i + 1].trim() : ''; // TODO: Maybe prop value validiation required\n        append += trimmedToken + ': ' + val + ';';\n      }\n\n      content += append;\n    });\n\n    if (!filled){\n      content += content !== '' ? '\\n' : '';\n      content += pName + ': ' + pValue + ';';\n    }\n\n    $('#code').val(content);\n    $('#code').focus();\n  }\n};\n\n$(document).ready(function() {\n  game.start();\n});\n"
  },
  {
    "path": "js/levels.js",
    "content": "var levels = [\n  {\n    name: 'justify-content 1',\n    instructions: {\n      'en': '<p>Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code! Guide this frog to the lilypad on the right by using the <code>justify-content</code> property, which aligns items horizontally and accepts the following values:</p><ul><li><code>flex-start</code>: Items align to the left side of the container.</li><li><code>flex-end</code>: Items align to the right side of the container.</li><li><code>center</code>: Items align at the center of the container.</li><li><code>space-between</code>: Items display with equal spacing between them.</li><li><code>space-around</code>: Items display with equal spacing around them.</li></ul><p>For example, <code>justify-content: flex-end;</code> will move the frog to the right.</p>',\n      'bn': '<p>Flexbox Froggy তে আপনাকে স্বাগতম, একটি গেইম যেখানে আপনি Froggy (ফ্রগি) এবং তার বন্ধুদের সাহায্য করবেন CSS কোড লিখে! <code>justify-content</code> property ব্যবহার করে ব্যাঙটি কে ডান পাশের পদ্ম-পাতায় গাইড করুন (নিয়ে যান), যা item গুলোকে অনুভূমিকভাবে (horizontally) সারিবদ্ধ করে এবং নিচের মানগুলি গ্রহণ করেঃ</p><ul><li><code>flex-start</code>: Container এর বাম দিকে সারিবদ্ধ (align) করা item গুলো।</li><li><code>flex-end</code>: Container এর ডান দিকে সারিবদ্ধ (align) করা item গুলো।</li><li><code>center</code>: Container এর মাঝে সারিবদ্ধ (align) করা item গুলো।</li><li><code>space-between</code>: Item গুলোর মাঝে সমান যায়গা বিদ্যমান।</li><li><code>space-around</code>: Item গুলোর পাশে সমান যায়গা বিদ্যমান।</li></ul><p>উদাহরণস্বরূপ, <code>justify-content: flex-end;</code> ব্যাঙটিকে ডান দিকে সরিয়ে নিবে।</p>',\n      'af': '<p>Welkom by Flexbox Froggy, `n spel waar jy Froggy en sy vriende help deur CSS te skryf! Ly die padda na die lelie met die <code>justify-content</code> eienskap, wat items horisontaal rig en die volgende waardes aanvaar:</p><ul><li><code>flex-start</code>: Rig items na die linker kant van die houer.</li><li><code>flex-end</code>: Rig items na die regter kant van die houer.</li><li><code>center</code>: Rig items na die middel van die houer.</li><li><code>space-between</code>: Items het eweredige spasie tussen-in.</li><li><code>space-around</code>: Items het eweredige spasie rondom.</li></ul><p>Byvoorbeeld, <code>justify-content: flex-end;</code>beweeg die padda na die regs.</p>',\n      'he': '<p>ברוך הבא ל-Flexbox Froggy, משחק שבו אתם עוזרים ל-Froggy וחבריו על ידי כתיבת קוד CSS! שימו את הצפרדע על העלה בצד ימין בשימוש בתכונה <code>justify-content</code>, שגורמת ליישור הפריטים ב-flex על גבי הציר האופקי ומקבלת את הערכים הבאים:</p><p><ul><li><code>flex-start</code>: פריטים מיושרים לצד השמאלי של הקונטיינר.</li><li><code>flex-end</code>: פריטים מיושרים לצד הימני של הקונטיינר.</li><li><code>center</code>: פריטים מיושרים למרכז של הקונטיינר.</li><li><code>space-between</code>: פריטים מוצגים עם מרווחים שווים בינהם.</li><li><code>space-around</code>: פריטים מוצגים עם מרווחים שווים מסביבם.</li></ul><p>לדוגמא, <code>;justify-content: flex-end</code> יזיז את הצפרדע לצד ימין.</p>',\n      'ro': '<p>Bine ai venit la Flexbox Froggy, un joc unde îl ajuți pe Froggy și prietenii lui scriind cod CSS! Ghidează această broască pe nufărul din partea dreapta utilizând proprietatea <code>justify-content</code>, care aliniază elementele orizontal și acceptă următoarele valori:</p><ul><li><code>flex-start</code>: Elementele se aliniază pe partea stangă a containerului.</li><li><code>flex-end</code>: Elementele se aliniază pe partea dreaptă a containerului.</li><li><code>center</code>: Elementele se aliniază pe centrul containerului.</li><li><code>space-between</code>: Elementele se afișează cu spațiu egal între ele.</li><li><code>space-around</code>: Elementele se afișează cu spațiu egal în jurul lor.</li></ul><p>De exemplu, <code>justify-content: flex-end;</code> va muta broasca la dreapta.</p>',\n      'bg': '<p>Добре дошли във Flexbox Froggy, игра, в която вие помагате на жабета и приятели, пишейки CSS код! Насочете това жабче към листото в дясно използвайки свойството <code>justify-content</code>, което подрежда елементи по хоризонталата и приема следните стойности:</p><ul><li><code>flex-start</code>: Елементите се подреждат в лявата страна на контейнера.</li><li><code>flex-end</code>: Елементите се подреждат в дясната страна на контрейнера.</li><li><code>center</code>: Елементите се подреждат в средата на контейнера.</li><li><code>space-between</code>: Елементите се подреждат с равно разстояние помежду им.</li><li><code>space-around</code>: Елементите се подреждат с равно разстояние около тях.</li></ul><p>Например, <code>justify-content: flex-end;</code> ще премести жабчето в дясно.</p>',\n      'de': '<p>Willkommen bei Flexbox Froggy, einem Spiel, in dem du Froggy und seinen Freunden hilfst, indem du CSS-Code schreibst! Führe diesen Frosch zum Seerosenblatt auf der rechten Seite, indem du die <code>justify-content</code>-Eigenschaft verwendest, die Elemente horizontal ausrichtet und die folgenden Werte akzeptiert:</p><ul><li><code>flex-start</code>: Elemente an der linken Seite des Containers ausrichten.</li><li><code>flex-end</code>: Elemente an der rechten Seite des Containers ausrichten.</li><li><code>center</code>: Elemente an der Mitte des Containers ausrichten.</li><li><code>space-between</code>: Elemente mit gleichem Innenabstand ausrichten.</li><li><code>space-around</code>: Elemente mit gleichem Außenabstand ausrichten.</li></ul><p>Mit <code>justify-content: flex-end;</code> bewegst du den Frosch beispielsweise nach rechts.</p>',\n      'es': '<p>Bienvenido a Flexbox Froggy, un juego donde ayudarás a Froggy y a sus amigos escribiendo código CSS. Guía a esta rana hacia la hoja de lirio en la derecha, usando la propiedad <code>justify-content</code>, la cual alinea elementos horizontalmente y acepta los siguientes valores:</p><ul><li><code>flex-start</code>: Alinea elementos al lado izquierdo del contenedor.</li><li><code>flex-end</code>: Alinea elementos al lado derecho del contenedor.</li><li><code>center</code>: Alinea elementos en el centro del contenedor.</li><li><code>space-between</code>: Muestra elementos con la misma distancia entre ellos.</li><li><code>space-around</code>: Muestra elementos con la misma separación alrededor de ellos.</li></ul><p>Por ejemplo, <code>justify-content: flex-end;</code> moverá la rana a la derecha.</p>',\n      'pt-br': '<p>Bem-vindo ao Flexbox Froggy, um jogo onde você pode ajudar Froggy e seus amigos ao escrever código CSS! Guie o sapo à vitória-régia na direita usando a propriedade <code>justify-content</code>, que alinha itens horizontalmente e aceita os seguintes valores:</p><ul><li><code>flex-start</code>: Itens se alinham à esquerda do container.</li><li><code>flex-end</code>: Itens se alinham à direita do container.</li><li><code>center</code>: Itens se alinham no centro do container.</li><li><code>space-between</code>: Itens se alinham com distância igual entre eles.</li><li><code>space-around</code>: Itens se alinham com distância igual em torno deles.</li></ul><p>Por exemplo, <code>justify-content: flex-end;</code> moverá o sapo para a direita.</p>',\n      'fr': '<p>Bienvenue à Flexbox Froggy, un jeu où vous aidez Froggy la grenouille et ses amis en écrivant du code CSS! Guidez cette grenouille au nénuphar à la droite de l\\'étang en utilisant la propriété <code>justify-content</code>, qui aligne les éléments horizontalement et accepte les valeurs suivantes&nbsp;:</p><ul><li><code>flex-start</code>&nbsp;: Les éléments s\\'alignent au côté gauche du conteneur.</li><li><code>flex-end</code> : Les éléments s\\'alignent au côté droit du conteneur.</li><li><code>center</code>&nbsp;: Les éléments s\\'alignent au centre du conteneur.</li><li><code>space-between</code>&nbsp;: Les éléments s\\'affichent avec un espace égal entre eux.</li><li><code>space-around</code>&nbsp;: Les éléments s\\'affichent avec un espacement égal à l\\'entour d\\'eux.</li></ul><p>Par exemple,  <code>justify-content: flex-end;</code> bougera la grenouille vers la droite.</p>',\n      'ru': '<p>Добро пожаловать в Flexbox Froggy. Игра, в которой тебе нужно помочь лягушонку Фроги и его друзьям, написав CSS код! Направь этого лягушонка на лилию справа, используя свойство <code>justify-content</code>, которое выравнивает элементы горизонтально и принимает следующие значения:</p><ul><li><code>flex-start</code>: элементы выравниваются по левой стороне контейнера.</li><li><code>flex-end</code>: элементы выравниваются по правой стороне контейнера.</li><li><code>center</code>: элементы выравниваются по центру контейнера.</li><li><code>space-between</code>: элементы отображаются с одинаковыми отступами между ними.</li><li><code>space-around</code>: элементы отображаются с одинаковыми отступами вокруг них.</li></ul><p>Например, <code>justify-content: flex-end;</code> сдвинет лягушонка вправо.</p>',\n      'fa': '<p>به آموزش فلکس باکس  خوش آمدید, این قورباغه به شما کمک میکنه که بهتر فلکس باکس رو درک کنید! با استفاده از خصوصیت <code>justify-content</code> می‌تونید نحوه چیدمان آیتم‌ها بر روی محور اصلی را تعیین کنید, این خصوصیت مقادیر زیر را می پذیرد:</p><ul><li><code>flex-start</code>: آیتم‌ها از ابتدای <span class=\"en-font\"><span class=\"en-font\">flex-line</span></span> ها چیده می‌شوند.</li><li><code>flex-end</code>:  آیتم‌ها از انتهای <span class=\"en-font\">flex-line</span> ها چیده می‌شوند.</li><li><code>center</code>: آیتم‌ها از وسط <span class=\"en-font\">flex-line</span> ها چیده می‌شوند.</li><li><code>space-between</code>: آیتم اول در ابتدا و آیتم آخر در انتهای <span class=\"en-font\">flex-line</span> قرار می گیرند و بقیه آیتم ها در بین آنها با یک فاصله ی برابر قرار می‌گیرند.</li><li><code>space-around</code>: آیتم ها با فضای برابر در کنار یکدیگر قرار می‌گیرند.</li></ul><p> برای مثال , <bdi><code style=\"direction:ltr;\">justify-content: flex-end;</code></bdi> قورباغه رو به سمت راست جا به جا میکنه',\n      'zh-cn': '<p>欢迎来到Flexbox Froggy。在游戏中你会靠写CSS代码来帮助青蛙和他的朋友们！请用<code>justify-content</code>属性指引青蛙到右边的荷叶上。这个属性可以水平对齐元素，并且接受以下几个参数：</p><ul><li><code>flex-start</code>: 元素和容器的左端对齐。</li><li><code>flex-end</code>: 元素和容器的右端对齐。</li><li><code>center</code>: 元素在容器里居中。</li><li><code>space-between</code>:元素之间保持相等的距离。</li><li><code>space-around</code>:元素周围保持相等的距离。</li></ul><p>举个例子，<code>justify-content: flex-end;</code>会将青蛙移到右边。</p>',\n      'zh-tw': '<p>歡迎來到Flexbox Froggy。在遊戲中你會靠寫CSS代碼來幫助青蛙和他的朋友們！請用<code>justify-content</code>屬性指引青蛙到右邊的荷葉上。這個屬性可以水平對齊元素，並且接受一下幾個參數: </p><ul><li><code>flex-start</code>: 元素和容器的左端對齊。</li><li><code>flex-end</code>: 元素和容器的右端對齊。</li><li><code>center</code>: 元素在容器裏居中。</li><li><code>space-between</code>: 元素之間保持相等的距離。</li><li><code>space-around</code>: 元素周圍保持相等的距離。</li></ul></p>舉個例子，<code>justify-content: flex-end;</code>會將青蛙移到右邊。</p>',\n      'tr': '<p>Flexbox Froggy\\'ye, Froggy ve arkadaşlarına CSS kodu yazarak yardım edeceğiniz oyunumuza hoşgeldiniz! <code>justify-content</code> kuralını kullanarak bu kurbağayı sağ taraftaki nilüfer yaprağının üzerine zıplatın. Bu özellik öğeleri yatay olarak hizalar ve şu değerleri alır:</p><ul><li><code>flex-start</code>: Öğeleri flexbox container\\'ın sol tarafına hizalar.</li><li><code>flex-end</code>: Öğeleri flexbox container\\'ın sağ tarafına hizalar.</li><li><code>center</code>: Öğeleri flexbox container\\'ın ortasına hizalar.</li><li><code>space-between</code>: Öğeler eşit aralıklarla yatay şekilde yayılır</li><li><code>space-around</code>: Öğeler etraflarında eşit aralıklar olacak şekilde yatay şekilde yayılır</li></ul><p>Örneğin, <code>justify-content: flex-end;</code> kurbağayı sağa taşır.</p>',\n      'az': '<p>Flexbox Froggy\\'yə, Froggy və dostlarına CSS kodu yazaraq kömək edəcəyiniz oyunumuza xoşgəldiniz! <code>justify-content</code> qaydasını istifadə edərək qurbağanı sağ tərəfdəki zanbaq yarpağının üstünə aparın. Bu özəllik elementləri üfüqi şəkildə nizamlayar və bu dəyərləri qəbul edər:</p><ul><li><code>flex-start</code>: Elementləri flexbox container\\'inin sol tərəfinə nizamlayar.</li><li><code>flex-end</code>: Elementləri flexbox container\\'inin sağ tərəfinə nizamlayar.</li><li><code>center</code>: Elementləri flexbox container\\'inin ortasına nizamlayar.</li><li><code>space-between</code>: Elementlər bərabər aralıqlarda üfüqi şəkildə yayılar</li><li><code>space-around</code>: Elementlər ətraflarında bərabər aralıqlar şəklində üfüqi şəkildə yayılar</li></ul><p>Məsələn, <code>justify-content: flex-end;</code> qurbağanı sağa aparar.</p>',\n      'it': '<p>Benvenuto su Flexbox Froggy, un gioco in cui devi aiutare Froggy e i suoi amici scrivendo codice CSS! Guida la rana verso la foglia di ninfea sulla destra usando la proprietà <code>justify-content</code>, la quale allinea gli elementi orizzontalmente e accetta i seguenti valori:</p><ul><li><code>flex-start</code>: Allinea gli elementi alla sinistra del contenitore.</li><li><code>flex-end</code>: Allinea gli elementi alla destra del contenitore.</li><li><code>center</code>: Allinea gli elementi al centro del contenitore.</li><li><code>space-between</code>: Separa gli elementi con uguale spazio tra di loro.</li><li><code>space-around</code>: Separa gli elementi con uguale spazio attorno ad essi.</li></ul><p>Per esempio, <code>justify-content: flex-end;</code> muoverà la rana sulla destra.</p>',\n      'ko': '<p>Flexbox Froggy에 오신 것을 환영합니다! Flexbox Froggy는 Froggy와 친구들 돕는 CSS 코드 게임입니다. 오른쪽의 <code>justify-content</code> 속성을 이용하여 개구리가 수련잎으로 이동할 수 있도록 도와주세요. 이 속성은 다음의 값들을 인자로 받아 요소들을 가로선 상에서 정렬합니다:</p><ul><li><code>flex-start</code>: 요소들을 컨테이너의 왼쪽으로 정렬합니다.</li><li><code>flex-end</code>: 요소들을 컨테이너의 오른쪽으로 정렬합니다.</li><li><code>center</code>: 요소들을 컨테이너의 가운데로 정렬합니다.</li><li><code>space-between</code>: 요소들 사이에 동일한 간격을 둡니다.</li><li><code>space-around</code>: 요소들 주위에 동일한 간격을 둡니다.</li></ul><p>예를 들어, <code>justify-content: flex-end;</code>는 개구리를 오른쪽으로 이동시킵니다.</p>',\n      'lt': '<p>Sveiki atvykę į \"Flexbox Froggy\" - žaidimą, kuriame rašydami CSS kodą pagelbėsite varlytei ir jos draugams! Padėkite šiai varlytei nusigauti ant lelijos lapo dešinėje, naudodami komandą <code>justify-content</code>, kuri lygiuoja elementus horizontaliai ir reaguoja šias vertes:</p><ul><li><code>flex-start</code>: Elementai lygiuojami supančio elemento kairėje.</li><li><code>flex-end</code>: Elementai lygiuojami supančio elemento dešinėje.</li><li><code>center</code>: Elementai lygiuojami supančio elemento viduryje.</li><li><code>space-between</code>: Elementai atvaizduojami taip, kad tarpai tarp jų būtų vienodi.</li><li><code>space-around</code>: Elementai atvaizduojami su vienodais tarpais aplink juos.</li></ul><p>Pavyzdžiui, <code>justify-content: flex-end;</code> perstums varlytę į dešinę pusę.</p>',\n      'vi': '<p>Chào mừng bạn đến Flexbox Froggy, một trò chơi để bạn giúp đỡ Froggy và bạn bè bằng cách viết mã CSS! Hướng dẫn chú ếch này đến lá bông súng bên phải bằng cách sử dụng từ <code>justify-content</code> để sắp xếp các hạng mục theo chiều ngang và chấp nhận các giá trị sau:</p><ul><li><code>flex-start</code>: Các hạng mục sẽ được sắp xếp về phía bên trái của hộp chứa.</li><li><code>flex-end</code>: Các hạng mục sẽ được sắp xếp về phía bên phải của hộp chứa.</li><li><code>center</code>: Các hạng mục sẽ được sắp xếp ở giữa chính của hộp chứa.</li><li><code>space-between</code>: Các hạng mục sẽ được trình bày với khoảng cách bằng nhau giữa chúng.</li><li><code>space-around</code>: Các hạng mục sẽ được trình bày với khoảng cách bằng nhau xung quanh chúng.</li></ul><p>Ví dụ như, <code>justify-content: flex-end;</code> sẽ di chuyển chú ếch qua bên phải.</p>',\n      'pl': '<p>Witaj w grze Flexbox Froggy. Grze, w której pomagasz żabce Froggy i jej przyjaciołom pisząc kod CSS! Doprowadź żabki do odpowiednich listków przy pomocy <code>justify-content</code>, właściwości która wyrównuje elementy w poziomie i przyjmuje wartości:</p><ul><li><code>flex-start</code>: Elementy wyrównują się do lewej strony kontenera.</li><li><code>flex-end</code>: Elementy wyrównują się do prawej strony kontenera.</li><li><code>center</code>: Elementy wyrównują się do środka kontenera.</li><li><code>space-between</code>: Elementy wyświetlają się na całej szerokości kontenera z równymi odstępami.</li><li><code>space-around</code>: Każdy z elementów wyświetla się z taką samą ilością przestrzeni wokół.</li></ul><p>Na przykład: <code>justify-content: flex-end;</code> przesunie żabę do prawej strony.</p>',\n      'cs': '<p>Vítejte ve hře Flexbox Froggy, kde pomáháte žabce a jejím kamarádům psaním CSS stylů! Pomozte žabce dostat se na leknín vpravo vlastností <code>justify-content</code>, která zarovnává prvky vodorovně a nabývá následujících hodnot:</p><ul><li><code>flex-start</code>: Zarovnat prvky vlevo.</li><li><code>flex-end</code>: Zarovnat prvky vpravo.</li><li><code>center</code>: Zarovnat prvky na střed.</li><li><code>space-between</code>: Rozmístit rovnoměrné mezery mezi prvky.</li><li><code>space-around</code>: Rozmístit rovnoměrné mezery kolem prvků.</li></ul><p>Například styl <code>justify-content: flex-end;</code> posune žabku doprava.</p>',\n      'ja': '<p>Flexbox Froggyへようこそ！　これはカエルたちを、CSSコードを書いて助けてあげるゲームです。<code>justify-content</code>を使って、このカエルを右の蓮の葉まで連れていってあげましょう。このプロパティはアイテムを水平方向に並べるものです。以下の値を取ります。</p><ul><li><code>flex-start</code>: アイテムはコンテナーの左側に並びます。</li><li><code>flex-end</code>: アイテムはコンテナーの右側に並びます。</li><li><code>center</code>: アイテムはコンテナーの中央に並びます。</li><li><code>space-between</code>: アイテムはその間に等しい間隔を空けて表示されます。</li><li><code>space-around</code>: アイテムはその周囲に等しい間隔を空けて表示されます。</li></ul><p>例えば、<code>justify-content: flex-end;</code>はカエルを右側へ動かします。</p>',\n      'hu': '<p>Üdvözlünk a Flexbox Froggy játékban, ahol segíthetsz Froggy-nak és barátainak egy kis CSS kód írásával! Vezesd ezt a békát a jobb oldali tündérrózsára a <code>justify-content</code> tulajdonság használatával, amely az elemek vízszintes igazítását teszi lehetővé a következő értékek segítségével:</p><ul><li><code>flex-start</code>: Az elemek a konténer bal oldalára igazodnak.</li><li><code>flex-end</code>: Az elemek a konténer jobb oldalára igazodnak.</li><li><code>center</code>: Az elemek a konténer közepére igazodnak.</li><li><code>space-between</code>: Az elemek úgy igazodnak, hogy köztük a hely egyenlő mértékben oszlik meg.</li><li><code>space-around</code>: Az elemek úgy igazodnak, hogy a körülöttük lévő hely egyenlő maradjon.</li></ul><p>Például a <code>justify-content: flex-end;</code> a békát a jobb oldalra mozgatja.</p>',\n      'eo': '<p>Bonvenon al Flexbox Froggy, ludo en kiu necesas helpi Froggy-on kaj liajn amikojn skribante CSS-an kodon! Gvidu tiun ranon al la dekstra nimfeofolio uzante la <code>justify-content</code> trajton, kiu liniigas elementojn horizontale kaj akceptas la sekvajn valorojn:</p><ul><li><code>flex-start</code>: Elementoj linias maldekstraflanken de la ujo.</li><li><code>flex-end</code>: Elementoj linias dekstraflanken de la ujo.</li><li><code>center</code>: Elementoj linias je la centro de la ujo.</li><li><code>space-between</code>: Elementoj afiŝas kun samaj spacoj inter ili.</li><li><code>space-around</code>: Elementoj afiŝas kun samaj spacoj ĉirkaŭ ili.</li></ul><p>Ekzemple, <code>justify-content: flex-end;</code> movos ranon dekstren.</p>',\n      'sv': '<p>Välkommen till  Flexbox Froggy, ett spel där du hjälper Froggy och vänner genom att skriva CSS-kod! Guida grodan till blombladen till höger genom att använda <code>justify-content</code> attributen, vilket justerar objekten horisontellt och accepterar följande värden:</p><ul><li><code>flex-start</code>: Objekt justeras till vänster i containern.</li><li><code>flex-end</code>: Objekt justeras till höger i containern.</li><li><code>center</code>: Objekt justeras i mitten av containern.</li><li><code>space-between</code>: Objekt justeras med lika utrymme mellan varandra.</li><li><code>space-around</code>: Objekt justeras med lika utrymme runt omkring varandra.</li></ul><p>Till exempel, <code>justify-content: flex-end;</code> flyttar grodan till höger.</p>',\n      'uk': '<p>Вітаємо у Flexbox Froggy - гра, де ви маєте допомогати жабеняті Фрогі та його друзям написанням CSS коду! Всади жабеня на лист латаття праворуч, за допомогою властивості <code>justify-content</code>, яка вирівнює елементи по горизонталі й набуває таких значень:</p><ul><li><code>flex-start</code>: Елементи вирівнюються по лівій стороні контейнера.</li><li><code>flex-end</code>: Елементи вирівнюються по правій стороні контейнера.</li><li><code>center</code>: Елементи вирівнюються по центру контейнера.</li><li><code>space-between</code>: Елементи буде зображено з рівними відступами поміж них.</li><li><code>space-around</code>: Елементи буде зображено з рівними відступами навколо них.</li></ul><p>Наприклад, <code>justify-content: flex-end;</code> пересуне жабеня праворуч.</p>',\n      'hi': '<p>आपका Flexbox Froggy में स्वागत है। इस खेल में आप CSS Code लिख कर Froggy और उसके दोस्तों की मदद करते हैं। <code>justify-content</code> प्रॉपर्टी की सहायता से मेंढकों को लिली के पत्तों तक पहुंचाइये। यह प्रॉपर्टी वस्तुओं को छैतिज रूप से संरेखित (पंक्तिबद्ध ) करती है एवं निम्न मान स्वीकार करती है। :</p><ul><li><code>flex-start</code>: यह वस्तु को कंटेनर की बाईं तरफ सरेंखित करता है।</li><li><code>flex-end</code>: यह वस्तु को कंटेनर की दाईं तरफ सरेंखित करता है। </li><li><code>center</code>: यह वस्तु को कंटेनर के मध्य में संरेखित करता है। </li><li><code>space-between</code>: यह वस्तुओं को बराबर अंतर के साथ प्रदर्शित करता है। </li><li><code>space-around</code>: यह वस्तुओं के चारों ओर के अंतर को प्रदर्शित करता है।</li></ul><p>उदाहरण के लिये, <code>justify-content: flex-end;</code> मेंढकों को दायीं तरफ पंहुचा देगा।</p>',\n      'gj': '<p>તમારું  Flexbox Froggyમાં સ્વાગત છે. તમે આ રમતમાં CSS Code લખીને Froggy અને  તેના મિત્રોની મદદ કરી શકો છો. <code>justify-content</code> પ્રોપેરટીનો ઉપયોગ કરીને દેડકાઓને લીલા પાંદડાઓ સુધી લઇ જાઓ. આ પ્રોપર્ટી itemsને ક્ષિતિજમાં હાર બદ્ધ ગોઠવે છે તેમજ નીચેની value ને સ્વીકારે છે. :</p><ul><li><code>flex-start</code>: આ itemને કન્ટેનરની ડાબી બાજુએ ખસેડે છે. </li><li><code>flex-end</code>: આ itemને કન્ટેનરની જમણી  બાજુએ ખસેડે છે. </li><li><code>center</code>: આ itemને કન્ટેનરની મધ્યમાં  બાજુએ ખસેડે છે. </li><li><code>space-between</code>: itemsને  એક બીજા થી સમાન અંતરે હોય એમ દર્શાવે છે .</li><li><code>space-around</code>: itemsને પોતાની ચારેતરફ થી સમાન અંતરે દર્શાવે છે., </li></ul><p>ઉદાહરણ તરીકે ,<code>justify-content: flex-end;</code> દેડકાઓને ડાબી તરફ પહોંચાડી દેવામાં આવશે,</p>',\n      'sr': '<p>Добродошли у Флексбокс Жабца, игру у којој помажете Жабцу и пријатељима пишући CSS код! Смести жабицу на локвањ који је десно користећи <code>justify-content</code> својство (property), које поравњава елементе хоризонтално и прихвата следеће вредности:</p><ul><li><code>flex-start</code>: Елементе поравњава на леву страну контејнера.</li><li><code>flex-end</code>: Елементе поравњава на десну страну контејнера.</li><li><code>center</code>: Елементе поставља у центар контејнера.</li><li><code>space-between</code>: Елементе приказује са једнаким растојањем између елемената.</li><li><code>space-around</code>: Елементе приказује са једнаким растојањем око елемената.</li></ul><p>На пример <code>justify-content: flex-end;</code> ће померити жабицу у десно.</p>',\n      'bs': '<p>Dobrodošli u Fleksboks Žabca, igru u kojoj pomažete Žabcu i prijateljima pišući CSS kod! Smjesti žabicu na list koji je desno koristeći <code>justify-content</code> svojstvo (property), koje poravnjava elemente horizontalno i prihvata sljedeće vrijednosti:</p><ul><li><code>flex-start</code>: Elemente poravnava na lijevu stranu kontejnera.</li><li><code>flex-end</code>: Elemente poravnava na desnu stranu kontejnera.</li><li><code>center</code>: Elemente postavlja u centar kontejnera.</li><li><code>space-between</code>: Elemente prikazuje sa jednakim rastojanjem između elemenata.</li><li><code>space-around</code>: Elemente prikazuje sa jednakim rastojanjem oko elemenata.</li></ul><p>Na primjer <code>justify-content: flex-end;</code> će pomeriti žabicu u desno.</p>',\n      'hr': '<p>Dobrodošli u Fleksboks Žapca, igru u kojoj pomažete Žapcu i prijateljima pišući CSS kod! Smjestite žabicu na list koji je desno koristeći <code>justify-content</code> svojstvo (property), koje poravnava elemente horizontalno i prihvaća sljedeće vrijednosti:</p><ul><li><code>flex-start</code>: Elemente poravnava na lijevu stranu kontejnera.</li><li><code>flex-end</code>: Elemente poravnava na desnu stranu kontejnera.</li><li><code>center</code>: Elemente postavlja u centar kontejnera.</li><li><code>space-between</code>: Elemente prikazuje sa jednakim rastojanjem između elemenata.</li><li><code>space-around</code>: Elemente prikazuje sa jednakim rastojanjem oko elemenata.</li></ul><p>Na primjer <code>justify-content: flex-end;</code> će pomaknuti žabicu u desno.</p>',\n      'nl': '<p>Welkom bij Flexbox Froggy, een spel waar je Froggy en zijn vrienden helpt door CSS-code te schrijven! Leid deze kikker naar het lelieblaadje aan de rechterkant door gebruik te maken van de <code>justify-content</code> eigenschap. Deze lijnt elementen horizontaal uit, en aanvaardt de volgende waarden:</p><ul><li><code>flex-start</code>: Elementen aan de linkerkant van de container uitlijnen.</li><li><code>flex-end</code>: Elementen aan de rechterkant van de container uitlijnen.</li><li><code>center</code>: Elementen in het midden van de container uitlijnen.</li><li><code>space-between</code>: Elementen opstellen gelijkmatig verdeeld over de as.</li><li><code>space-around</code>: Elementen opstellen met gelijke ruimte aan de buitenkanten op de as.</li></ul><p>Bijvoorbeeld, <code>justify-content: flex-end;</code> zal de kikker naar rechts bewegen</p>',\n      'ta': '<p>Flexbox Froggy-கு வரவேற்கிறோம், இந்த விளையாட்டில் நீங்கள் CSS குறியீடு எழுதி தவளை மற்றும் அதன் நண்பர்களுக்கு உதவலாம்.! பின்வரும் குறியீடு பயன்படுத்தி இந்த தவளை வலதுபுறம் உள்ள இலையின் மீது அமர வழிகாட்டுங்கள். <code>justify-content</code> -என்கிற property கிடைமட்டமாக பொருட்களை சீரமைக்கும் மற்றும் பின்வரும் மதிப்புகளை ஏற்றுக்கொள்ளும்:</p><ul><li><code>flex-start</code>: Items வலது பக்கமாக ஒதுக்கப்படும். </li><li><code>flex-end</code>: Items இடது  பக்கமாக ஒதுக்கப்படும்.</li><li><code>center</code>: Items மையப்பகுதியில்  பக்கமாக ஒதுக்கப்படும்.</li><li><code>space-between</code>: Items இடைவெளியில் சமமான இடைவெளி விடப்படும்.</li><li><code>space-around</code>: Items சுற்றி சமமான இடைவெளி விடப்படும்.</li></ul><p>உதாரணமாக, <code>justify-content: flex-end;</code> தவளையை இடது பக்கமாக நகர்த்தி வைக்கும்.</p>',\n      'te': '<p>CSS కోడ్ రాయడం ద్వారా మీరు ఫ్రాగ్గీ మరియు స్నేహితులకు సహాయపడే ఆట ఫ్లెక్స్‌బాక్స్ ఫ్రాగ్గీకి స్వాగతం! <code>justify-content</code> దీన్ని ఉపయోగించి ఈ కప్పను కుడి వైపున ఉన్న లిలిప్యాడ్‌కు మార్గనిర్దేశం చేయండి, ఇది వస్తువులను అడ్డంగా సమలేఖనం చేస్తుంది మరియు క్రింది విలువలను అంగీకరిస్తుంది: </p><ul><li><code>flex-start</code>: వస్తువులను కంటైనర్ యొక్క ఎడమ వైపుకు సమలేఖనం చేయబడతాయి. </li><li><code>flex-end</code>: వస్తువులను కంటైనర్ యొక్క కుడి వైపుకు సమలేఖనం చేయబడతాయి. </li><li><code>center</code>: వస్తువులను కంటైనర్ మధ్యలో సమలేఖనం చేయబడతాయి.</li><li></li><li><code>space-between</code>: వస్తువులను వాటి మధ్య సమాన అంతరంతో ప్రదర్శించబడతాయి. </li><li><code>space-around</code>: వస్తువులను వాటి చుట్టూ సమాన అంతరాలతో ప్రదర్శించబడతాయి. </li></ul><p> ఉదాహరణకు, <code>justify-content: flex-end;</code> కప్పను కుడి వైపుకు కదిలిస్తుంది.</p>',\n      'ml': '<p>Flexbox Froggy- ലേക്ക് സ്വാഗതം, നിങ്ങൾ Froggy ഉം സുഹൃത്തുക്കളും CSS കോഡ് എഴുതുക വഴി സഹായിക്കുന്ന ഒരു ഗെയിം! <code>justify-content</code> എന്ന പ്രോപ്പർട്ടി ഉപയോഗിച്ച് ഫ്രോഗി യെ വലതു വശത്തുള്ള താമരപ്പൂവിന്റെ ഇലയിലേക്കു എത്തിക്കുക</p><ul><li><code>flex-start</code>: Items align to the left side of the container.</li><li><code>flex-end</code>: ഇനങ്ങൾ കണ്ടെയ്നറിൽ ഇടത്തേക്ക് അലൈൻ ചെയ്യുക</li><li><code>center</code>: വസ്തുക്കൾ അലൈക്റ്ററിന്റെ മധ്യഭാഗത്തേക്ക് അലൈൻ ചെയ്യുക</li><li><code>space-between</code>: ഇനങ്ങൾ തമ്മിൽ തുല്യ ഇടവേളയിൽ പ്രദർശിപ്പിക്കും.</li><li><code>space-around</code>: ഇനങ്ങൾ അവയ്ക്ക് തുല്യമായ സ്പെയ്സിംഗ് ഉപയോഗിച്ച് കാണാം.</li></ul><p>ഉദാഹരണത്തിന്, <code>justify-content: flex-end;</code> വലതുവശത്തേക്ക് തവളയെ മറ്റും.</p>',\n      'el': '<p>Καλωσήλθατε στο Flexbox Froggy, ένα παιχνίδι όπου βοηθάτε τον Froggy και τους φίλους του γράφοντας κώδικα CSS! Οδηγήστε αυτόν τον βάτραχο στο νούφαρο στα δεξιά χρησιμοποιώντας την ιδιότητα <code>justify-content</code>, που ευθυγραμμίζει αντικείμενα στον οριζόντιο άξονα και αποδέχεται τις εξής αξίες:</p><ul><li><code>flex-start</code>: Τα αντικείμενα ευθυγραμμίζονται στην αριστερή πλευρά του container.</li><li><code>flex-end</code>: Τα αντικείμενα ευθυγραμμίζονται στην δεξιά πλευρά του container.</li><li><code>center</code>: Τα αντικείμενα ευθυγραμμίζονται στο κέντρο του container.</li><li><code>space-between</code>: Τα αντικείμενα εμφανίζονται με ίσο διάστημα ανάμεσά τους.</li><li><code>space-around</code>: Τα αντικείμενα εμφανίζονται με ίσο διάστημα γύρω τους.</li></ul><p>Λόγου χάρη, το <code>justify-content: flex-end;</code> θα μετακινήσει τον βάτραχο στα δεξιά.</p>',\n      'mk': '<p>Добродојдовте во Flex Froggy, игра каде што му помагате на Froggy и на неговите пријатели со пишување на CSS код! Водете го ова жабче до листот на десно со користење на <code>justify-content</code> својството, кое подредува елементи хоризонтално и ги прима следниве вредности:</p><ul><li><code>flex-start</code>: Елементите се подредуваат по левата страна на контејнерот.</li><li><code>flex-end</code>: Елементите се подредуваат по десната страна на контејнерот.</li><li><code>center</code>: Елементите се подредуваат во средината на контејнерот.</li><li><code>space-between</code>: Елементите се подредуваат со еднакво растојание помеѓу нив.</li><li><code>space-around</code>: Елементите се подредуваат со еднакво растојание околу нив.</li></ul><p>На пример, <code>justify-content: flex-end;</code> ќе ја помести жабата кон десно.</p>',\n      'lv': '<p>Laipni lūgts Flexbox Froggy spēlē! Šajā spēlē, rakstot CSS kodu, Tu palīdzēsi vardulēnam un viņa draugiem. Lieto <code>justify-content</code> metodi un nogādā vardulēnu līdz ūdensrozei pa labi. Ar šo metodi iespējams modificēt elementu horizontālo novietojumu un tā pieņem šādas vērtības:</p><ul><li><code>flex-start</code>: Novieto elementu kreisajā konteinera pusē.</li><li><code>flex-end</code>: Novieto elementu labajā konteinera pusē.</li><li><code>center</code>: Novieto elementu konteinera vidū. </li><li><code>space-between</code>: Elementi tiek novietoti ar vienādu atstarpi starp tiem.</li><li><code>space-around</code>: Elementi tiek novietot ar vienādu apkārtesošo laukumu.</li></ul><p>Piemēram, <code>justify-content: flex-end;</code> pārvietos vardulēnu pa labi.</p>',\n      'id': '<p> Selamat datang di Flexbox Froggy, tempat permainan dimana kamu membantu Froggy dan teman-teman dengan menulis kode CSS! Arahkan katak ini ke lilypad di sebelah kanan dengan menggunakan properti <code> justify-content </code>, yang menyelaraskan objek secara:</p><ul><li><code>flex-start</code>: Objek selaras dengan wadah sebelah kiri.</li><li><code>flex-end</code>:Objek selaras dengan wadah sebelah kanan. </li><li><code>center</code>: Objek selaras di tengah wadah</li><li><code>space-between</code>: Objek ditampilkan dengan jarak yang sama dengan disekelilingnya.</li> </ul> <p> Misalnya, <code> justify-content: flex-end; </code> akan pindahkan katak ke kanan.</p> ',\n      'ar': '<p>اهلا بك في فروغي فلكسبكس, ساعد فروغي عن طريق كتابة كود CSS! انقل الضفدع الى ورقة الزنبق التي على اليمين باستخدام خاصية <code>justify-content</code> والتي تحاذي العناصر افقيا وتقبل القيم التالية:</p><ul><li><code>flex-start</code>: محاذاة العناصر الى الجانب الأيسر من الحاوية.</li><li><code>flex-end</code>: محاذاة العناصر الى الجانب الايمن من الحاوية.</li><li><code>center</code>: محاذاة العناصر الى وسط الحاوية.</li><li><code>space-between</code>: عرض العناصر بتباعد متساوٍ بينهم.</li><li><code>space-around</code>: عرض العناصر بتباعد متساو حولهم.</li></ul><p>على سبيل المثال, <code>justify-content: flex-end;</code> ستنقل الضفدع الى اليمين.</p>',\n      'ca': '<p>Benvingut a Flexbox Froggy, un joc on ajudaràs a Froggy i els seus amics escrivint codi CSS. Guia aquesta granota al nenúfar de la dreta, utilitzant la propietat <code>justify-content</code>, que alinea els elements horizontalment i accepta els següents valors:</p><ul><li><code>flex-start</code>: Alinea elements al costat esquerra del contenidor.</li><li><code>flex-end</code>: Alinea elements al costat dret del contenidor.</li><li><code>center</code>: Alinea elements al centre del contenidor.</li><li><code>space-between</code>: Mostra elements amb la mateixa distància entre ells.</li><li><code>space-around</code>: Mostra elements amb la mateixa separació al voltant d\\'ells.</li></ul><p>Per exemple, <code>justify-content: flex-end;</code> mourà la granota a la dreta.</p>',\n      'da': '<p>Velkommen til Flexbox Froggy, et spil hvor du hjælper Froggy og venner ved at kode i CSS! Hjælp denne frø hen til åkanden til højre ved at bruge egenskaben <code>justify-content</code>, som justerer elementer vandret og kan tage følgende værdier:</p><ul><li><code>flex-start</code>: Elementer justeres til venstre side af beholderen.</li><li><code>flex-end</code>: Elementer justeres til højre side af beholderen.</li><li><code>center</code>: Elementer justeres til midten af beholderen.</li><li><code>space-between</code>: Elementer vises med fast afstand imellem sig.</li><li><code>space-around</code>: Elementer vises med fast afstand omkring sig.</li></ul><p>For eksempel vil <code>justify-content: flex-end;</code> flytte frøen til højre.</p>',\n      'et': '<p>Teretulemast Flexbox Froggy\\'sse, see on mäng kus sina aitad Froggy\\'t ja tema sõpru kirjutades CSS koodi! Aita see konn parempoolse lege peale kasutades <code>justify-content</code> omadust, mis joondab elemendid horisontaalselt. Sellele saab anda järgmisi väärtusi:</p><ul><li><code>flex-start</code>: Elemendid joonduvad konteineri vasakule poole.</li><li><code>flex-end</code>: Elemendid joonduvad konteineri paremale poole.</li><li><code>center</code>: Elemendid joonduvad konteineri keskele.</li><li><code>space-between</code>: Elementide vahele tekib iga kord sama suur vahe.</li><li><code>space-around</code>: Elementide ümber tekib iga kord sama suur vahe</li></ul><p>Näiteks, <code>justify-content: flex-end;</code> Liigutab konna paremale poole.</p>',\n      'fi': '<p>Tämä on Flexbox Froggy – peli, jossa kirjoitat CSS-koodia auttaaksesi Froggy-sammakkoa ja sen kavereita! Opasta tämä sammakko oikealla puolella olevalle lumpeenlehdelle määrittämällä ominaisuus <code>justify-content</code>, joka kohdistaa elementit vaakasuunnassa. Voit antaa ominaisuudelle jonkin seuraavista arvoista:</p><ul><li><code>flex-start</code>: Elementit kohdistetaan säilön vasempaan reunaan.</li><li><code>flex-end</code>: Elementit kohdistetaan säilön oikeaan reunaan.</li><li><code>center</code>: Elementit kohdistetaan vaakasuunnassa säilön keskelle.</li><li><code>space-between</code>: Elementtien välissä on yhtä paljon tilaa.</li><li><code>space-around</code>: Elementtien ympärillä on yhtä paljon tilaa.</li></ul><p>Esimerkiksi <code>justify-content: flex-end;</code> siirtää sammakon oikealle.</p>',\n      'gl': '<p>Benvido a Flexbox Froggy, un xogo no que axudarás a Froggy e aos seus amigos escribindo código CSS! Guía a esta rá ao nenúfar da dereita empregando a propiedade <code>justify-content</code>, que aliña os elementos horizontalmente e acepta os seguintes valores:</p><ul><li><code>flex-start</code>: Os elementos alíñanse no lado esquerdo do contedor.</li><li><code>flex-end</code>: Os elementos alíñanse no lado dereito do contedor.</li><li><code>center</code>: Os elementos alíñanse no centro do contedor.</li><li><code>space-between</code>: Os elementos distribúense co mesmo espazo entre eles.</li><li><code>space-around</code>: Os elementos distribúense co mesmo espazo darredor deles. </li></ul><p>Por exemplo, <code>justify-content: flex-end;</code> moverá a rá á dereita.</p>',\n      'th': '<p>ยินดีต้อนรับสู่ Flexbox Froggy, เกมที่คุณช่วย Froggy และเพื่อนๆ โดยการเขียนคำสั่ง CSS! นำทางเจ้ากบตัวนี้ไปสู่ใบบัวทางด้านขวาโดยใช้คุณสมบัติ <code>justify-content</code>, ซึ่งจัดเรียง items ตามแนวนอน และรับค่าเหล่านี้ได้:</p><ul><li><code>flex-start</code>: เรียง items ไปทางซ้ายของ container</li><li><code>flex-end</code>: เรียง items ไปทางขวาของ container</li><li><code>center</code>: เรียง items ไปตรงกลางของ container</li><li><code>space-between</code>: แสดง items ให้มีพื้นที่คั่นระหว่างกันเท่ากัน</li><li><code>space-around</code>: แสดง items ให้มีพื้นที่รอบๆเท่ากัน</li></ul><p>ยกตัวอย่างเช่น, <code>justify-content: flex-end;</code> จะย้ายกบไปทางขวา</p>',\n      'mn': '<p>Бяцхан мэлхий болон түүний найзуудад CSS код бичиж тусалдаг Flexbox Froggy тоглоомонд та тавтай морил! <code>justify-content</code> гэх items-г хэвтээ тэнхлэгийн дагуу байрлуулах пропертийг ашиглан энэ мэлхийг баруун талд байгаа сараана цэцэг рүү хөтөлнө үү, дараах утгуудыг хүлээн авна:</p><ul><li><code>flex-start</code>: items-г контейнерын зүүн талд байрлуулна.</li><li><code>flex-end</code>: items-г контейнерын баруун талд байрлуулна.</li><li><code>center</code>: items-г контейнерын төвд байрлуулна.</li><li><code>space-between</code>: items-г хоорондоо нь ижил зайтай байхаар байрлуулна.</li><li><code>space-around</code>: items-г эргэн тойрон нь ижил зайтай байхаар байрлуулна.</li></ul><p>Жишээлбэл, <code>justify-content: flex-end;</code> нь мэлхийг баруун тийш шилжүүлэх болно.</p>',\n      'sk': '<p>Vitajte v hre Flexbox Froggy, v ktorej pomáhate Froggymu a jeho priateľom písaním kódu CSS! Nasmerujte túto žabku na lilipad vpravo pomocou vlastnosti <code>justify-content</code>, ktorá zarovnáva položky horizontálne a akceptuje nasledujúce hodnoty:</p><ul><li><code>flex-start</code>: Položky sa zarovnajú na ľavú stranu kontajnera.</li><li><code>flex-end</code>: Položky sa zarovnajú na pravú stranu kontajnera.</li><li><code>center</code>: Položky sa zarovnajú na stred kontajnera.</li><li><code>space-between</code>: Položky sa zobrazujú s rovnakým odstupom.</li><li><code>space-around</code>: Položky sa zobrazujú s rovnakým odstupom okolo nich.</li></ul><p>Napríklad <code>justify-content: flex-end;</code> posunie žabku doprava.</p>',\n      'si': '<p>Flexbox මැඬියා වෙත සාදරයෙන් පිළිගනිමු, මෙය ඔබ CSS code ලිවීමෙන්, මැඩියා සහ මිතුරන්ට උදව් කරන ක්‍රීඩාවක්! මෙම මැඩියා දකුණු පස ඇති නෙළුම් කොළය වෙත යොමු කිරීමට <code>justify-content</code> ගුණාංගය භාවිතා කරන්න, එය අයිතම තිරස් අතට පෙළගස්වන අතර පහත අගයන් පිළිගනී:</p><ul><li><code>flex-start</code>: අයිතම කන්ටේනරයේ වම් පැත්තට පෙළගස්වයි.</li><li><code>flex-end</code>: අයිතම කන්ටේනරයේ දකුණු පැත්තට පෙළගස්වයි.</li><li><code>center</code>: අයිතම කන්ටේනරයේ මැදට පෙළගස්වයි.</li><li><code>space-between</code>: අයිතම ඒවා අතර සමාන පරතරයක් සහිතව පෙළගස්වයි.</li><li><code>space-around</code>: අයිතම ඒවා වටා සමාන පරතරයක් සහිතව පෙළගස්වයි.</li></ul><p>උදාහරණ වශයෙන්, <code>justify-content: flex-end;</code> මැඩියා දකුණු පැත්තට ගෙන යනු ඇත.</p>',\n      'np': '<p>हजुरहरुलाई Flexbox Froggy मा स्वागत छ, जहाँ तपाई Froggy र उसका साथीहरूलाई CSS कोड लेखेर मद्दत गर्न सक्नुहुन्छ! यस भ्यागुतोलाई दायाँतिर रहेको लिलीप्याडमा पुर्‍याउन <code>justify-content</code> प्रोपर्टी प्रयोग गर्नुहोस्, जसले वस्तुहरूलाई तेर्सो रूपमा राख्ने गर्दछ र तल उल्लेखित मानहरू स्वीकार गर्दछ:</p> <ul> <li><code>flex-start</code>: वस्तुहरू कन्टेनरको बायाँतर्फ राख्न।</li> <li><code>flex-end</code>: वस्तुहरू कन्टेनरको दायाँतर्फ राख्न।</li> <li><code>center</code>: वस्तुहरू कन्टेनरको बीचमा राख्न।</li> <li><code>space-between</code>: वस्तुहरू बीचमा समान दूरी राख्न।</li> <li><code>space-around</code>: वस्तुहरूको चारैतिर समान दूरी राख्न।</li> </ul> <p>उदाहरणका लागि, <code>justify-content: flex-end;</code> ले भ्यागुतोलाई दायाँतिर सार्छ।</p>',\n      'my': '<p>Flexbox Froggy သို့ ကြိုဆိုပါသည်။ သင်သည် Froggy နှင့် သူ၏ မိတ်ဆွေများကို CSS ကုဒ်ရေးခြင်းဖြင့် ကူညီနိုင်သော ဂိမ်းဖြစ်သည်။ <code>justify-content</code> ပရော်ပတ်တီကို အသုံးပြု၍ ဤကွင်းကန့်ကို ညာဘက်ရှိ လိပ်ပြာပေါက်သို့ ဦးတည်ပါ။ ဤပရော်ပတ်တီသည် အရာဝတ္ထုများကို အနံ့အတိုင်း စီမံခန့်ခွဲပြီး အောက်ပါ တန်ဖိုးများကို လက်ခံပါသည်။</p><ul><li><code>flex-start</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ ဘယ်ဘက်တွင် စီမံခန့်ခွဲသည်။</li><li><code>flex-end</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ ညာဘက်တွင် စီမံခန့်ခွဲသည်။</li><li><code>center</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ အလယ်တွင် စီမံခန့်ခွဲသည်။</li><li><code>space-between</code>: အရာဝတ္ထုများကို တစ်ခုနှင့် တစ်ခုအကြား တူညီသော အကွာအဝေးဖြင့် ပြသသည်။</li><li><code>space-around</code>: အရာဝတ္ထုများကို ၎င်းတို့၏ လှည့်ပတ်နေသော နေရာတွင် တူညီသော အကွာအဝေးဖြင့် ပြသသည်။</li></ul><p>ဥပမာအားဖြင့် <code>justify-content: flex-end;</code> သည် ကွင်းကန့်ကို ညာဘက်သို့ ရွှေ့လျားပါလိမ့်မည်။</p>',\n      'yo': '<p>Ẹ káàbọ̀ sí Flexbox Froggy, eré kan níbi tí o ṣe iranlọwọ Ọ̀pọ̀lọ àti àwọn ọ̀rẹ́ rẹ̀ nípasẹ̀ kọ́òdù CSS! Darí ọ̀pọ̀lọ yìí sí ewé ọdàn tó wà ní ọ̀tún nípasẹ̀ lílo ìní <code>justify-content</code>, èyí tí ń ṣètò àwọn nǹkan ní ìhà gígùn ó sì ń gba àwọn iye wọ̀nyí:</p><ul><li><code>flex-start</code>: Àwọn nǹkan máa ṣètò sí òsì àgọ́lò.</li><li><code>flex-end</code>: Àwọn nǹkan máa ṣètò sí ọ̀tún àgọ́lò.</li><li><code>center</code>: Àwọn nǹkan máa ṣètò ní àárín àgọ́lò.</li><li><code>space-between</code>: Àwọn nǹkan máa hàn pẹ̀lú àyè tó dọ́gba láàárín wọn.</li><li><code>space-around</code>: Àwọn nǹkan máa hàn pẹ̀lú àyè tó dọ́gba yí ká wọn.</li></ul><p>Fún àpẹẹrẹ,<code>justify-content: flex-end;</code> máa gbé ọ̀pọ̀lọ lọ sí ọ̀tún.</p>',\n      'no': '<p>Velkommen til Flexbox Froggy, et spill hvor du hjelper Froggy og vennene hans ved å skrive CSS-kode! Led denne frosken til vannliljebladet til høyre ved å bruke <code>justify-content</code>-egenskapen, som justerer elementer horisontalt og godtar følgende verdier:</p><ul><li><code>flex-start</code>: Elementer justeres til venstre side av beholderen.</li><li><code>flex-end</code>: Elementer justeres til høyre side av beholderen.</li><li><code>center</code>: Elementer justeres i midten av beholderen.</li><li><code>space-between</code>: Elementer vises med lik avstand mellom seg.</li><li><code>space-around</code>: Elementer vises med lik avstand rundt seg.</li></ul><p>For eksempel vil <code>justify-content: flex-end;</code> flytte frosken til høyre.</p>',\n    },\n    board: 'g',\n    style: { 'justify-content': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'justify-content 2',\n    instructions: {\n      'en': '<p>Use <code>justify-content</code> again to help these frogs get to their lilypads. Remember that this CSS property aligns items horizontally and accepts the following values:</p><ul><li><code>flex-start</code>: Items align to the left side of the container.</li><li><code>flex-end</code>: Items align to the right side of the container.</li><li><code>center</code>: Items align at the center of the container.</li><li><code>space-between</code>: Items display with equal spacing between them.</li><li><code>space-around</code>: Items display with equal spacing around them.</li></ul>',\n      'bn': '<p>আবার <code>justify-content</code> ব্যবহার করে ব্যাঙগুলোকে তাদের পদ্ম-পাতায় ফিরে যেতে সাহায্য করুন। মনে রাখুন যে এই CSS property item গুলোকে horizontally ভাবে সারিবদ্ধ (align) করে এবং নিচের মানগুলো সাদরে গ্রহণ করেঃ</p><ul><li><code>flex-start</code>: Container এর বাম দিকে সারিবদ্ধ (align) করা item গুলো।</li><li><code>flex-end</code>: Container এর ডান দিকে সারিবদ্ধ (align) করা item গুলো।</li><li><code>center</code>: Container এর মাঝে সারিবদ্ধ (align) করা item গুলো।</li><li><code>space-between</code>: Item গুলোর মাঝে সমান যায়গা বিদ্যমান।</li><li><code>space-around</code>: Item গুলোর পাশে সমান যায়গা বিদ্যমান।</li></ul>',\n      'af': '<p>Gebruik <code>justify-content</code> weer om die paddas te help kry by hulle waterlelies. Onthou dat hierdie CSS eienskap items horisontaal rig en die volgende waardes aanvaar:</p><ul><li><code>flex-start</code>: Rig items op die linkerkant van die houer.</li><li><code>flex-end</code>: Rig items op die regterkant van die houer.</li><li><code>center</code>: Rig items op die middel.</li><li><code>space-between</code>: Vertoon items met eweredige spasie tussen-in.</li><li><code>space-around</code>: Vertoon items met eweredige spasie om hulle.</li></ul>',\n      'he': '<p>השתמשו ב-<code>justify-content</code> שוב כדי לעזור לצפרדעים להגיע לעלים שלהן. זיכרו שתכונת ה-CSS הזו מיישרת את הפריטים בציר האופקי ומקבלת את הערכים הבאים:</p><ul><li><code>flex-start</code>: פריטים מיושרים לצד השמאלי של הקונטיינר.</li><li><code>flex-end</code>: פריטים מיושרים לצד הימני של הקונטיינר.</li><li><code>center</code>: פריטים מיושרים למרכז של הקונטיינר.</li><li><code>space-between</code>: פריטים מוצגים עם מרווחים שווים בינהם.</li><li><code>space-around</code>: פריטים מוצגים עם מרווחים שווים מסביבם.</li></ul>',\n      'ro': '<p>Folosește <code>justify-content</code> din nou ca sa ajuți aceste broaște să ajungă pe nuferii lor. Ține minte că această proprietate CSS aliniază elementele orizontal și acceptă următoarele valori:</p><ul><li><code>flex-start</code>: Elementele se aliniază pe partea stangă a containerului.</li><li><code>flex-end</code>: Elementele se aliniază pe partea dreaptă a containerului.</li><li><code>center</code>: Elementele se aliniază pe centrul containerului.</li><li><code>space-between</code>: Elementele se afișează cu spațiu egal între ele.</li><li><code>space-around</code>: Elementele se afișează cu spațiu egal în jurul lor.</li></ul>',\n      'bg': '<p>Използвай <code>justify-content</code> отново, за да помогнеш на тези жабчета да достигнат до своите листа. Помни, че това CSS свойство подрежда елементите хоризонтално и приема следните стойности:</p><ul><li><code>flex-start</code>: Елементите се подреждат в лявата страна на контейнера.</li><li><code>flex-end</code>: Елементите се подреждат в дясната страна на контейнера.</li><li><code>center</code>: Елементите се подреждат в средата на контейнера.</li><li><code>space-between</code>: Елементите се подреждат с равно разстояние помежду им.</li><li><code>space-around</code>: Елементите се подреждат с равно разстояние около тях.</li></ul>',\n      'de': '<p>Benutze erneut <code>justify-content</code>, um diese Frösche zu ihren Seerosenblättern zu führen. Wie du weißt, richtet diese Eigenschaft die Elemente horizontal aus und akzeptiert die folgenden Werte:</p><ul><li><code>flex-start</code>: Elemente an der linken Seite des Containers ausrichten.</li><li><code>flex-end</code>: Elemente an der rechten Seite des Containers ausrichten.</li><li><code>center</code>: Elemente an der Mitte des Containers ausrichten.</li><li><code>space-between</code>: Elemente mit gleichem Innenabstand ausrichten.</li><li><code>space-around</code>: Elemente mit gleichem Außenabstand ausrichten.</li></ul>',\n      'pt-br': '<p>Use <code>justify-content</code> de novo para levar os sapos às suas vitórias-régias. Lembre-se que essa propriedade CSS alinha os itens horizontalmente e  aceita os seguintes valores:</p><ul><li><code>flex-start</code>: Itens se alinham à esquerda do container.</li><li><code>flex-end</code>: Itens se alinham à direita do container.</li><li><code>center</code>: Itens se alinham no centro do container.</li><li><code>space-between</code>: Itens se alinham com distância igual entre eles.</li><li><code>space-around</code>: Itens se alinham com distância igual em torno deles.</li></ul>',\n      'es': '<p>Nuevamente, utiliza <code>justify-content</code> para ayudar a esas ranas a llegar a sus hojas de lirio. Recuerda que esta propiedad CSS alinea elementos horizontalmente y acepta los siguientes valores:<ul><li><code>flex-start</code>: Alinea elementos al lado izquierdo del contenedor.</li><li><code>flex-end</code>: Alinea elementos al lado derecho del contenedor.</li><li><code>center</code>: Alinea elementos en el centro del contenedor.</li><li><code>space-between</code>: Muestra elementos con la misma distancia entre ellos.</li><li><code>space-around</code>: Muestra elementos con la misma separación alrededor de ellos.</li></ul>',\n      'fr': '<p>Utilisez encore <code>justify-content</code> pour aider ces grenouilles à se rendre à leurs nénuphars. Souvenez-vous que cette propriété CSS aligne les éléments horizontalement et accepte les valeurs suivantes&nbsp;: </p><ul><li><code>flex-start</code>&nbsp;: Les éléments s\\'alignent au côté gauche du conteneur.</li><li><code>flex-end</code> : Les éléments s\\'alignent au côté droit du conteneur.</li><li><code>center</code>&nbsp;: Les éléments s\\'alignent au centre du conteneur.</li><li><code>space-between</code>&nbsp;: Les éléments s\\'affichent avec un espace égal entre eux.</li><li><code>space-around</code>&nbsp;: Les éléments s\\'affichent avec un espacement égal à l\\'entour d\\'eux.</li></ul>',\n      'ru': '<p>Используй <code>justify-content</code> ещё раз, чтобы помочь этим лягушатам попасть на их лилии. Помни, что это свойство CSS выравнивает элементы горизонтально и принимает следующие значения:</p><ul><li><code>flex-start</code>: элементы выравниваются по левой стороне контейнера.</li><li><code>flex-end</code>: элементы выравниваются по правой стороне контейнера.</li><li><code>center</code>: элементы выравниваются по центру контейнера.</li><li><code>space-between</code>: элементы отображаются с одинаковыми отступами между ними.</li><li><code>space-around</code>: элементы отображаются с одинаковыми отступами вокруг них.</li></ul>',\n      'fa': '<p>با استفاده از خصوصیت <code>justify-content</code> به این قورباغه ها کمک کنید تا روی نیلوفرهای آبی قرار بگیرند. فراموش نکنید که این خاصیت در محور افقی کار میکند.</p><ul><li><code>flex-start</code>:  آیتم‌ها از ابتدای <span class=\"en-font\">flex-line</span> ها چیده می‌شوند.</li><li><code>flex-end</code>: آیتم‌ها از انتهای <span class=\"en-font\">flex-line</span> ها چیده می‌شوند.</li><li><code>center</code>: آیتم‌ها از وسط <span class=\"en-font\">flex-line</span> ها چیده می‌شوند.</li><li><code>space-between</code>: آیتم اول در ابتدا و آیتم آخر در انتهای <span class=\"en-font\">flex line</span> قرار می گیرند و بقیه آیتم ها در بین آنها با یک فاصله ی برابر قرار می‌گیرند. </li><li><code>space-around</code>: آیتم ها با فضای برابر در کنار یکدیگر قرار می‌گیرند.</li></ul>',\n      'zh-cn': '<p>再用<code>justify-content</code>一次来帮助这些青蛙到他们的荷叶上。记住这个CSS属性能水平对齐元素，并接受这些参数：</p><ul><li><code>flex-start</code>: 元素和容器的左端对齐。</li><li><code>flex-end</code>: 元素和容器的右端对齐。</li><li><code>center</code>: 元素在容器里居中。</li><li><code>space-between</code>:元素之间保持相等的距离。</li><li><code>space-around</code>:元素周围保持相等的距离。</li>',\n      'zh-tw': '<p>再用<code>justify-content</code>一次來幫助這些青蛙到他們的荷葉上。記住這個CSS屬性能水平對齊元素，並接受這些參數: </p><ul><li><code>flex-start</code>: 元素和容器的左端對齊。</li><li><code>flex-end</code>: 元素和容器的右端對齊。</li><li><code>center</code>: 元素在容器裏居中。</li><li><code>space-between</code>: 元素之間保持相等的距離。</li><li><code>space-around</code>: 元素周圍保持相等的距離。</li>',\n      'tr': '<p>Tekrar <code>justify-content</code> kullanarak bu kurbağaları nilüfer yapraklarının üzerine çıkartın. Bu CSS kuralının öğeleri yatay olarak hizaladığını ve şu değerleri aldığını unutmayın:</p><ul><li><code>flex-start</code>: Öğeleri flexbox container\\'ın sol tarafına hizalar.</li><li><code>flex-end</code>: Öğeleri flexbox container\\'ın sağ tarafına hizalar.</li><li><code>center</code>: Öğeleri flexbox container\\'ın ortasına hizalar.</li><li><code>space-between</code>: Öğeler eşit aralıklarla yatay şekilde yayılır</li><li><code>space-around</code>: Öğeler etraflarında eşit aralıklar olacak şekilde yatay şekilde yayılır.</li></ul>',\n      'az': '<p>Təkrar <code>justify-content</code> istifadə edərək bu qurbağaları zanbaq yarpaqlarının üzərinə aparın. Bu CSS qaydasının elementləri üfüqi olaraq nizamlandığı və bu dəyərləri aldığını unutmayın:</p><ul><li><code>flex-start</code>: Elementləri flexbox container\\'inin sol tərəfinə nizamlayar.</li><li><code>flex-end</code>: Elementləri flexbox container\\'inin sağ tərəfinə nizamlayar.</li><li><code>center</code>: Elementləri flexbox container\\'inin ortasına nizamlayar.</li><li><code>space-between</code>: Elementlər bərabər aralıqlarda üfüqi şəkildə yayılar</li><li><code>space-around</code>: Elementlər ətraflarında bərabər aralıqlarla üfüqi şəkildə yayılar.</li></ul>',\n      'it': '<p>Usa ancora <code>justify-content</code> per aiutare le rane a raggiungere le ninfee. Ricorda che questa regola CSS allinea gli elementi orizzontalmente e accetta i seguenti valori:</p><ul><li><code>flex-start</code>: Allinea gli elementi alla sinistra del loro contenitore.</li><li><code>flex-end</code>: Allinea gli elementi alla destra del loro contenitore.</li><li><code>center</code>: Allinea gli elementi al centro del loro contenitore.</li><li><code>space-between</code>: Separa gli elementi con uguale spazio tra di loro.</li><li><code>space-around</code>: Separa gli elementi con uguale spazio attorno a loro.</li></ul>',\n      'ko': '<p><code>justify-content</code>를 한 번 더 사용하여 개구리들이 수련잎으로 이동하는 것을 도와주세요. 이 CSS 속성은 요소들을 가로선 상에서 정렬하며 다음의 값들을 인자로 받는다는 것을 기억하세요:</p><ul><li><code>flex-start</code>: 요소들을 컨테이너의 왼쪽으로 정렬합니다.</li><li><code>flex-end</code>: 요소들을 컨테이너의 오른쪽으로 정렬합니다.</li><li><code>center</code>: 요소들을 컨테이너의 가운데로 정렬합니다.</li><li><code>space-between</code>: 요소들 사이에 동일한 간격을 둡니다.</li><li><code>space-around</code>: 요소들 주위에 동일한 간격을 둡니다.</li></ul>',\n      'lt': '<p>Panaudokite <code>justify-content</code> dar kartą, kad padėtumėte varlytėms nusigauti ant lelijos lapų. Nepamirškite, kad ši CSS komanda lygiuoja elementus horizontaliai ir reaguoja į šias vertes:</p><ul><li><code>flex-start</code>: Elementai lygiuojami supančio elemento kairėje.</li><li><code>flex-end</code>: Elementai lygiuojami supančio elemento dešinėje.</li><li><code>center</code>: Elementai lygiuojami supančio elemento viduryje.</li><li><code>space-between</code>: Elementai atvaizduojami taip, kad tarpai tarp jų būtų vienodi.</li><li><code>space-around</code>: Elementai atvaizduojami su vienodais tarpais aplink juos.</li></ul>',\n      'vi': '<p>Sử dụng <code>justify-content</code> một lần nữa để giúp đỡ những chú ếch này đến các lá bông súng. Hãy nhớ rằng thuộc tính CSS này dùng để sắp xếp các hạng mục theo chiều ngang và chấp nhận các giá trị sau:</p><ul><li><code>flex-start</code>: Các hạng mục sẽ được sắp xếp về phía bên trái của hộp chứa.</li><li><code>flex-end</code>: Các hạng mục sẽ được sắp xếp về phía bên phải của hộp chứa.</li><li><code>center</code>: Các hạng mục sẽ được sắp xếp ở giữa chính của hộp chứa.</li><li><code>space-between</code>: Các hạng mục sẽ được trình bày với khoảng cách bằng nhau giữa chúng.</li><li><code>space-around</code>: Các hạng mục sẽ được trình bày với khoảng cách bằng nhau xung quanh chúng.</li></ul>',\n      'pl': '<p>Użyj <code>justify-content</code> ponownie, aby pomóc żabkom dotrzeć do swoich listków. Pamiętaj, że ta właściwość języka CSS wyrównuje elementy w poziomie i przyjmuje wartości:</p><ul><li><code>flex-start</code>: Elementy wyrównują się do lewej strony kontenera.</li><li><code>flex-end</code>: Elementy wyrównują się do prawej strony kontenera.</li><li><code>center</code>: Elementy wyrównują się do środka kontenera.</li><li><code>space-between</code>: Elementy wyświetlają się na całej szerokości kontenera z równymi odstępami.</li><li><code>space-around</code>: Każdy z elementów wyświetla się z taką samą ilością przestrzeni wokół.</li></ul>',\n      'cs': '<p>Použijte teď <code>justify-content</code> tak, aby se žabky dostaly na své lekníny. Připomeňte si, že tato CSS vlastnost zarovnává prvky vodorovně a akceptuje následující hodnoty:</p><ul><li><code>flex-start</code>: Zarovnat prvky vlevo.</li><li><code>flex-end</code>: Zarovnat prvky vpravo.</li><li><code>center</code>: Zarovnat prvky na střed.</li><li><code>space-between</code>: Rozmístit rovnoměrné mezery mezi prvky.</li><li><code>space-around</code>: Rozmístit rovnoměrné mezery kolem prvků.</li></ul>',\n      'ja': '<p>もう一度<code>justify-content</code>を使って、カエルたちを蓮の葉まで連れていきましょう。覚えていますか、このCSSプロパティはアイテムを水平に並べるもので、次の値を取ります。</p><ul><li><code>flex-start</code>: アイテムはコンテナーの左側に並びます。</li><li><code>flex-end</code>: アイテムはコンテナーの右側に並びます。</li><li><code>center</code>: アイテムはコンテナーの中央に並びます。</li><li><code>space-between</code>: アイテムはその間に等しい間隔を空けて表示されます。</li><li><code>space-around</code>: アイテムはその周囲に等しい間隔を空けて表示されます。</li></ul>',\n      'hu': '<p>Használd ismét a <code>justify-content</code> tulajdonságot, hogy a békákat a tündérrózsáikhoz segíthesd. Ne feledd, hogy ez a CSS tulajdonság az elemeket vízszintesen igazítja és a következő értékeket kaphatja: </p><ul><li><code>flex-start</code>: Az elemek a konténer bal oldalára igazodnak .</li><li><code>flex-end</code>: Az elemek a konténer jobb oldalára igazodnak.</li><li><code>center</code>: Az elemek a konténer közepére igazodnak.</li><li><code>space-between</code>: Az elemek úgy igazodnak, hogy köztük a hely egyenlő mértékben oszlik meg.</li><li><code>space-around</code>: Az elemek úgy igazodnak, hogy a körülöttük lévő hely egyenlő maradjon.</li></ul>',\n      'eo': '<p>Uzu <code>justify-content</code> de nove por helpi ĉiujn ranojn atingi iliajn akvolilifoliojn. Memoru ke ĉi tiu CSS-an trajton liniigas horizontale elementojn kaj akceptas la sekvajn valorojn:</p><ul><li><code>flex-start</code>: Elementoj linias maldekstraflanken de la ujo.</li><li><code>flex-end</code>: Elementoj linias dekstraflanken de la ujo.</li><li><code>center</code>: Elementoj linias je la centro de la ujo.</li><li><code>space-between</code>: Elementoj afiŝas kun samaj spacoj inter ili.</li><li><code>space-around</code>: Elementoj afiŝas kun samaj spacoj ĉirkaŭ ili.</li></ul>',\n      'sv': '<p>Använd <code>justify-content</code> igen för att hjälpa grodorna till sina blomblad. Kom ihåg att denna CSS-attribut justerar objekten horisontellt och accepterar följande värden:</p><ul><li><code>flex-start</code>: Objekt justeras till vänster i containern.</li><li><code>flex-end</code>: Objekt justeras till höger i containern.</li><li><code>center</code>: Objekt justeras i mitten av containern.</li><li><code>space-between</code>: Objekt justeras med lika utrymme mellan varandra.</li><li><code>space-around</code>: Objekt justeras med lika utrymme runt omkring varandra.</li></ul><p>Till exempel, <code>justify-content: flex-end;</code> flyttar grodan till höger.</p>',\n      'uk': '<p>Скористайся <code>justify-content</code> ще раз, та допоможи жабенятам потрапити на свої листи латаття. Памʼятай, що ця CSS-властивість набуває таких значень:</p><ul><li><code>flex-start</code>: Елементи вирівнюються по лівій стороні контейнера.</li><li><code>flex-end</code>: Елементи вирівнюються по правій стороні контейнера.</li><li><code>center</code>: Елементи вирівнюються по центру контейнера.</li><li><code>space-between</code>: Елементи буде зображено з рівними відступами поміж них.</li><li><code>space-around</code>: Елементи буде зображено з рівними відступами навколо них.</li></ul>',\n      'hi': '<p><code>justify-content</code> की सहायता से मेंढकों को पुनः उनके लिली के पत्तों तक पहुंचाइए. याद रखिये की यह CSS प्रॉपर्टी वस्तुओं को छैतिज रूप से संरेखित करती है:</p><ul><li><code>flex-start</code>: यह वस्तु को कंटेनर की बाईं तरफ सरेंखित करता है।</li><li><code>flex-end</code>: यह वस्तु को कंटेनर की दाईं तरफ सरेंखित करता है। </li><li><code>center</code>: यह वस्तु को कंटेनर के मध्य में संरेखित करता है। </li><li><code>space-between</code>: यह वस्तुओं को बराबर अंतर के साथ प्रदर्शित करता है। </li><li><code>space-around</code>: यह वस्तुओं के चारों ओर के अंतर को प्रदर्शित करता है।</li></ul>',\n      'gj': '<p><code>justify-content</code>ની મદદથી દેડકાઓને ફરીથી તેમના લીલા પાંદડાઓ સુધી પહોંચાડો. યાદ રાખો કે આ CSS પ્રોપર્ટી items ને ક્ષિતિજ રેખામાં ગોઠવવા માટે વપરાય છે:</p><ul><li><code>flex-start</code>: આ itemને કન્ટેનરની ડાબી બાજુએ ખસેડે છે. </li><li><code>flex-end</code>: આ itemને કન્ટેનરની જમણી  બાજુએ ખસેડે છે. </li><li><code>center</code>: આ itemને કન્ટેનરની મધ્યમાં  બાજુએ ખસેડે છે. </li><li><code>space-between</code>: itemsને  એક બીજા થી સમાન અંતરે હોય એમ દર્શાવે છે .</li><li><code>space-around</code>: itemsને પોતાની ચારેતરફ થી સમાન અંતરે દર્શાવે છે., </li></ul>',\n      'sr': '<p>Користи опет <code>justify-content</code> да би помогао/ла жабицама да стигну до својих локвања. Присети се да ово CSS својство поравњава елементе хоризонтално и прихвата следеће вредности:</p><ul><li><code>flex-start</code>: Елементе поравњава на леву страну контејнера.</li><li><code>flex-end</code>: Елементе поравњава на десну страну контејнера.</li><li><code>center</code>: Елементе поставља у центар контејнера.</li><li><code>space-between</code>: Елементе приказује са једнаким растојањем између елемената.</li><li><code>space-around</code>: Елементе приказује са једнаким растојањем око елемената.</li></ul>',\n      'bs': '<p>Koristi opet <code>justify-content</code> da bi pomogao/la žabicama da stignu do svojih listova. Prisjeti se da ovo CSS svojstvo poravnava elemente horizontalno i prihvata sljedeće vrijednosti:</p><ul><li><code>flex-start</code>: Elemente poravnava na lijevu stranu kontejnera.</li><li><code>flex-end</code>: Elemente poravnava na desnu stranu kontejnera.</li><li><code>center</code>: Elemente postavlja u centar kontejnera.</li><li><code>space-between</code>: Elemente prikazuje sa jednakim rastojanjem između elemenata.</li><li><code>space-around</code>: Elemente prikazuje sa jednakim rastojanjem oko elemenata.</li></ul>',\n      'hr': '<p>Opet koristi <code>justify-content</code> da bi pomogao/la žabicama da stignu do svojih listova. Prisjeti se da ovo CSS svojstvo poravnava elemente horizontalno i prihvaća sljedeće vrijednosti:</p><ul><li><code>flex-start</code>: Elemente poravnava na lijevu stranu kontejnera.</li><li><code>flex-end</code>: Elemente poravnava na desnu stranu kontejnera.</li><li><code>center</code>: Elemente postavlja u centar kontejnera.</li><li><code>space-between</code>: Elemente prikazuje sa jednakim razmakom između elemenata.</li><li><code>space-around</code>: Elemente prikazuje sa jednakim razmakom oko elemenata.</li></ul>',\n      'nl': '<p>Maak nogmaals gebruik van <code>justify-content</code> om de kikkers naar hun lelieblaadjes te helpen. Vergeet niet dat deze CSS eigenschap elementen horizontaal uitlijnt en de volgende waarden kan ontvangen:</p><ul><li><code>flex-start</code>: Elementen aan de linkerkant van de container uitlijnen.</li><li><code>flex-end</code>: Elementen aan de rechterkant van de container uitlijnen.</li><li><code>center</code>: Elementen in het midden van de container uitlijnen.</li><li><code>space-between</code>: Elementen worden gedistribueerd over de volledige dimensie en krijgen een gelijke spatiëring tussen hun.</li><li><code>space-around</code>: Elementen worden gedistribueerd over de volledige dimensie en krijgen een gelijke spatiëring rondom hun.</li></ul>',\n      'ta': '<p>மீண்டும் <code>justify-content</code> பயன்படுத்தி, தவளை அதற்கான இலையினை அடைய உதவவும். இந்த CSS property கிடைமட்டமாக பொருட்களை சீரமைக்கும் மற்றும் பின்வரும் மதிப்புகளை ஏற்றுக்கொள்ளும் என்பதை நினைவில் கொள்ளவும்.</p><ul><li><code>flex-start</code>: Items வலது பக்கமாக ஒதுக்கப்படும். </li><li><code>flex-end</code>: Items இடது  பக்கமாக ஒதுக்கப்படும்.</li><li><code>center</code>: Items மையப்பகுதியில்  பக்கமாக ஒதுக்கப்படும்.</li><li><code>space-between</code>: Items இடைவெளியில் சமமான இடைவெளி விடப்படும்.</li><li><code>space-around</code>: Items சுற்றி சமமான இடைவெளி விடப்படும்.</li></ul>',\n      'te': '<p>ఈ కప్పలు వారి లిల్లీప్యాడ్‌లను పొందడానికి సహాయపడటానికి <code>justify-content</code>ను మళ్ళీ ఉపయోగించండి. ఈ CSS వస్తువుల అంశాలను అడ్డంగా సమలేఖనం చేస్తుందని మరియు ఈ క్రింది విలువలను అంగీకరిస్తుందని గుర్తుంచుకోండి:</p><ul><li><code>flex-start</code>: వస్తువులు కంటైనర్ యొక్క ఎడమ వైపుకు సమలేఖనం చేయబడతాయి. </li><li><code>flex-end</code>: వస్తువులు కంటైనర్ యొక్క కుడి వైపున సమలేఖనం చేయబడతాయి. </li><li><code>center</code>: వస్తువులు కంటైనర్ మధ్యలో సమలేఖనం చేయబడతాయి. </li><li><code>space-between</code>: వస్తువులు వాటి మధ్య సమాన అంతరాలతో ప్రదర్శించబడతాయి. </li></ul> ',\n      'ml': '<p><code>justify-content</code> ഉപയോഗിച്ച് തവളകളെ തിരിച്ചു താമര ഇലകളിലേക്കു എത്തിക്കുക. തിരശ്ചീനമായി ആണ് ഈ പ്രോപ്പർട്ടി വിന്യസിക്കുന്നത് എന്ന് ഓർക്കുക </p><ul><li><code>flex-start</code>: ഇനങ്ങൾ കണ്ടെയ്നറിന്റെ ഇടതുവശത്തേക്ക് വിന്യസിക്കുക.</li><li><code>flex-end</code>: ഇനങ്ങൾ കണ്ടെയ്നറിന്റെ വലതുവശത്തേക്ക് വിന്യസിക്കുക.</li><li><code>center</code>: ഇനങ്ങളുടെ മധ്യഭാഗത്ത് ഇനങ്ങൾ വിന്യസിക്കുക.</li><li><code>space-between</code>: ഇനങ്ങൾ തമ്മിൽ തുല്യ ഇടവേളയിൽ പ്രദർശിപ്പിക്കും.</li><li><code>space-around</code>: ഇനങ്ങൾ അവയ്ക്ക് തുല്യമായ സ്പെയ്സിംഗ് ഉപയോഗിച്ച് കാണാം.</li></ul>',\n      'el': '<p>Χρησιμοποιήστε ξανά το <code>justify-content</code> για να βοηθήσετε αυτούς τους βατράχους να φτάσουν στα νούφαρά τους. Θυμηθείτε ότι η ιδιότητα CSS ευθυγραμμίζει αντικείμενα στον οριζόντιο άξονα και αποδέχεται τις εξής αξίες:</p><ul><li><code>flex-start</code>: Τα αντικείμενα ευθυγραμμίζονται στην αριστερή πλευρά του container.</li><li><code>flex-end</code>: Τα αντικείμενα ευθυγραμμίζονται στην δεξιά πλευρά του container.</li><li><code>center</code>: Τα αντικείμενα ευθυγραμμίζονται στο κέντρο του container.</li><li><code>space-between</code>: Τα αντικείμενα εμφανίζονται με ίσο διάστημα ανάμεσά τους.</li><li><code>space-around</code>: Τα αντικείμενα εμφανίζονται με ίσο διάστημα γύρω τους.</li></ul>',\n      'mk': '<p>Користете <code>justify-content</code> повторно за да им помогнете на овие жаби да стигнат до своите листови. Запомнете дека ова CSS својство подредува елементи хоризонтално и ги прима следните вредности:</p><ul><li><code>flex-start</code>: Елементите се подредуваат по левата страна на контејнерот.</li><li><code>flex-end</code>: Елементите се подредуваат по десната страна на контејнерот.</li><li><code>center</code>: Елементите се подредуваат во средината на контејнерот.</li><li><code>space-between</code>: Елементите се подредуваат со еднакво растојание помеѓу нив.</li><li><code>space-around</code>: Елементите се подредуваат со еднакво растојание околу нив.</li></ul>',\n      'lv': '<p>Vēlreiz lieto <code>justify-content</code> un palīdzi vardulēniem nokļūt līdz ūdensrozēm. Atceries, ka šī CSS metode elementus novieto horizontāli un pieņem sekojošas vērtības:</p><ul><li><code>flex-start</code>: Novieto elementu kreisajā konteinera pusē.</li><li><code>flex-end</code>: Novieto elementu labajā konteinera pusē.</li><li><code>center</code>: Novieto elementu konteinera vidū.</li><li><code>space-between</code>: Elementi tiek novietoti ar vienādu atstarpi starp tiem.</li><li><code>space-around</code>: Elementi tiek novietoti ar vienādu apkārtesošo laukumu.</li></ul>',\n      'id': '<p>Gunakan <code>justify-content</code> lagi untuk membantu katak ini ke lilypad. Ingat bahwa properti CSS ini menyejajarkan item secara horizontal dan menerima nilai-nilai berikut: </p><ul><li><code>flex-start</code>: Objek sejajar dengan sisi kiri wadah.</li><li><code>flex-end</code>: Objek sejajar dengan sisi kanan wadah. </li><li><code>center</code>: Objek sejajar di tengah wadah. </li><li><code>space-between</code>: Objek ditampilkan dengan jarak yang sama di antara mereka. </li><li><code>space-around</code>: Objek ditampilkan dengan jarak yang sama di sekitarnya.</li></ul>',\n      'ar': '<p>استخدم <code>justify-content</code> لمساعدة الضفادع للعودة الى اوراق الزنبق الخاصة بها. تذكر ان خاصية الـCSS هذه تحاذي العناصر افقيا و تقبل هذه القيم:</p><ul><li><code>flex-start</code>: محاذاة العناصر الى الجانب الأيسر من الحاوية.</li><li><code>flex-end</code>: محاذاة العناصر الى الجانب الايمن من الحاوية.</li><li><code>center</code>: محاذاة العناصر الى وسط الحاوية.</li><li><code>space-between</code>: عرض العناصر بتباعد متساوٍ بينهم.</li><li><code>space-around</code>: عرض العناصر بتباعد متساوٍ بينهم.</li></ul>',\n      'ca': '<p>Novament, utilitza <code>justify-content</code> per ajudar a les granotes a arribar als seus nenúfars. Recorda que aquesta propietat CSS alinea elements horitzontalment i accepta els següents valors:<ul><li><code>flex-start</code>: Alinea elements al costat esquerra del contenidor.</li><li><code>flex-end</code>: Alinea elements al costat dret del contenidor.</li><li><code>center</code>: Alinea elements al centre del contenidor.</li><li><code>space-between</code>: Mostra elements amb la mateixa distància entre ells.</li><li><code>space-around</code>: Mostra elements amb la mateixa separació al seu voltant.</li></ul>',\n      'da': '<p>Brug <code>justify-content</code> igen for at hjælpe disse frøer hen til deres åkander. Husk at denne CSS-egenskab justerer elementer vandret og kan tage følgende værdier:</p><ul><li><code>flex-start</code>: Elementer justeres til venstre side af beholderen.</li><li><code>flex-end</code>: Elementer justeres til højre side af beholderen.</li><li><code>center</code>: Elementer justeres til midten af beholderen.</li><li><code>space-between</code>: Elementer vises med fast afstand imellem sig.</li><li><code>space-around</code>: Elementer vises med fast afstand omkring sig.</li></ul>',\n      'et': '<p>Kasuta taaskord <code>justify-content</code>, et aidata konnad oma lehtedele. Pea silmas, et see CSS omadus joondab elemendid horisontaalselt ja kasutab järgmisi väärtusi:</p><ul><li><code>flex-start</code>: Elemendid joonduvad kontineri vasakule poole.</li><li><code>flex-end</code>: Elemendid joonduvad kontineri paremale poole.</li><li><code>center</code>: Elemendid joonduvad konteineri keskele.</li><li><code>space-between</code>: Elementide vahele tekib iga kord sama suur vahe.</li><li><code>space-around</code>: Elementide ümber tekib iga kord sama suur vahe.</li></ul>',\n      'fi': '<p>Käytä taas ominaisuutta <code>justify-content</code>, jotta nämä sammakot pääsevät omien lumpeenlehtiensä luo. Muista, että tämä CSS-ominaisuus kohdistaa elementit vaakasuunnassa ja sille voi antaa jonkin seuraavista arvoista:</p><ul><li><code>flex-start</code>: Elementit kohdistetaan säilön vasempaan reunaan.</li><li><code>flex-end</code>: Elementit kohdistetaan säilön oikeaan reunaan.</li><li><code>center</code>: Elementit kohdistetaan vaakasuunnassa säilön keskelle.</li><li><code>space-between</code>: Elementtien välissä on yhtä paljon tilaa.</li><li><code>space-around</code>: Elementtien ympärillä on yhtä paljon tilaa.</li></ul>',\n      'gl': '<p>Volve usar <code>justify-content</code> para axudar ás rás a chegar a cadanseu nenúfar. Recorda que esta propiedade CSS aliña os elementos horizontalmente e acepta os seguintes valores:</p><ul><li><code>flex-start</code>: Os elementos alíñanse no lado esquerdo do contedor.</li><li><code>flex-end</code>: Os elementos alíñanse no lado dereito do contedor.</li><li><code>center</code>: Os elementos alíñanse no centro do contedor.</li><li><code>space-between</code>: Os elementos distribúense co mesmo espazo entre eles.</li><li><code>space-around</code>: Os elementos distribúense co mesmo espazo darredor deles. </li></ul>',\n      'th': '<p>ใช้ <code>justify-content</code> อีกครั้งเพื่อช่วยเจ้ากบเหล่านี้ให้ไปที่ใบบัว จำไว้ว่าคุณสมบัติ CSS นี้จัดเรียง items ตามแนวนอน และรับค่าเหล่านี้ได้:</p><ul><li><code>flex-start</code>: เรียง items ไปทางซ้ายของ container</li><li><code>flex-end</code>: เรียง items ไปทางขวาของ container.</li><li><code>center</code>: เรียง items ไปตรงกลางของ container</li><li><code>space-between</code>: แสดง items ให้มีพื้นที่คั่นระหว่างกันเท่ากัน</li><li><code>space-around</code>: แสดง items ให้มีพื้นที่รอบๆเท่ากัน</li></ul>',\n      'mn': '<p>Эдгээр мэлхийнүүдийг сараана цэцэг рүүгээ очиход нь туслахын тулд <code>justify-content</code>-г дахин ашиглаарай. Энэ CSS проперти нь items-г хэвтээ тэнхлэгийн дагуу байрлуулах ба дараах утгуудыг хүлээн зөвшөөрдөг гэдгийг санаарай:</p></p><ul><li><code>flex-start</code>: items-г контейнерын зүүн талд байрлуулна.</li><li><code>flex-end</code>: items-г контейнерын баруун талд байрлуулна.</li><li><code>center</code>: items-г контейнерын төвд байрлуулна.</li><li><code>space-between</code>: items-г хоорондоо нь ижил зайтай байхаар байрлуулна.</li><li><code>space-around</code>: items-г эргэн тойрон нь ижил зайтай байхаар байрлуулна.</li></ul>',\n      'sk': '<p>Znovu použite <code>justify-content</code>, aby ste týmto žabám pomohli dostať sa k ich lilipadom. Nezabudnite, že táto vlastnosť CSS zarovnáva položky horizontálne a akceptuje nasledujúce hodnoty:</p><ul><li><code>flex-start</code>: Položky sa zarovnajú na ľavú stranu kontajnera.</li><li><code>flex-end</code>: Položky sa zarovnajú na pravú stranu kontajnera.</li><li><code>center</code>: Položky sa zarovnajú na stred kontajnera.</li><li><code>space-between</code>: Položky sa zobrazujú s rovnakým odstupom.</li><li><code>space-around</code>: Položky sa zobrazujú s rovnakým odstupom okolo nich.</li></ul>',\n      'si': '<p>මෙම මැඬියන්ට නැවත ඔවුන්ගේ නෙළුම් කොළ වෙත යාමට උපකාර කිරීමට <code>justify-content</code> භාවිතා කරන්න. මෙම CSS ගුණාංගය අයිතම තිරස් අතට පෙළගස්වන අතර පහත අගයන් පිළිගන්නා බව මතක තබා ගන්න:</p><ul><li><code>flex-start</code>: අයිතම කන්ටේනරයේ වම් පැත්තට පෙළගස්වයි.</li><li><code>flex-end</code>: අයිතම කන්ටේනරයේ දකුණු පැත්තට පෙළගස්වයි.</li><li><code>center</code>: අයිතම කන්ටේනරයේ මැදට පෙළගස්වයි.</li><li><code>space-between</code>: අයිතම ඒවා අතර සමාන පරතරයක් සහිතව පෙළගස්වයි.</li><li><code>space-around</code>: අයිතම ඒවා වටා සමාන පරතරයක් සහිතව පෙළගස්වයි.</li></ul>',\n      'np': '<p>यी भ्यागुतोलाई तिनका लिलीप्याडसम्म पुर्‍याउन फेरि <code>justify-content</code> प्रयोग गर्नुहोस्। सम्झनुहोस्, यो CSS प्रोपर्टीले वस्तुहरूलाई तेर्सो रूपमा राख्ने गर्छ र तलका मानहरू स्वीकार गर्दछ:</p> <ul> <li><code>flex-start</code>: वस्तुहरू कन्टेनरको बायाँतर्फ राख्न ।</li> <li><code>flex-end</code>: वस्तुहरू कन्टेनरको दायाँतर्फ राख्न ।</li> <li><code>center</code>: वस्तुहरू कन्टेनरको बीचमा राख्न ।</li> <li><code>space-between</code>: वस्तुहरू बीचमा समान दूरी राख्न ।</li> <li><code>space-around</code>: वस्तुहरूको चारैतिर समान दूरी राख्न ।</li> </ul>',\n      'my': '<p>ဤကင်းကွက်များကို <code>justify-content</code> ကိုအသုံးပြု၍ ကင်းကွက်များကို အကူအညီပေးပါ။ ဤ CSS ပရော်ပတ်တီသည် အရာဝတ္ထုများကို တန်းစီထားပြီး အောက်ပါတန်ဖိုးများကို လက်ခံသည်။</p><ul><li><code>flex-start</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ ဘယ်ဘက်တွင် တန်းစီထားသည်။</li><li><code>flex-end</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ ညာဘက်တွင် တန်းစီထားသည်။</li><li><code>center</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ အလယ်ဗဟိုတွင် တန်းစီထားသည်။</li><li><code>space-between</code>: အရာဝတ္ထုများကို တစ်ခုနှင့်တစ်ခုအကြား တူညီသောအကွာအဝေးဖြင့် ပြသသည်။</li><li><code>space-around</code>: အရာဝတ္ထုများကို ၎င်းတို့၏ လှည့်ပတ်နေသောအကွာအဝေးတူညီသောအကွာအဝေးဖြင့် ပြသသည်။</li></ul>',\n      'yo': '<p>Lò <code>justify-content</code> lẹ́ẹ̀kansi láti ràn àwọn ọ̀pọ̀lọ wọ̀nyí lọ́wọ́ kí wọ́n dé àwọn ewé ọdàn wọn. Rántí pé ìní CSS yìí ń ṣètò àwọn nǹkan ní ìhà gígùn, ó sì ń gba àwọn iye wọ̀nyí:</p><ul><li><code>flex-start</code>: Àwọn nǹkan máa ṣètò sí òsì àgọ́lò.</li><li><code>flex-end</code>: Àwọn nǹkan máa ṣètò sí ọ̀tún àgọ́lò.</li><li><code>center</code>: Àwọn nǹkan máa ṣètò ní àárín àgọ́lò.</li><li><code>space-between</code>: Àwọn nǹkan máa hàn pẹ̀lú àyè tó dọ́gba láàárín wọn.</li><li><code>space-around</code>: Àwọn nǹkan máa hàn pẹ̀lú àyè tó dọ́gba yí ká wọn.</li></ul>',\n      'no': '<p>Bruk <code>justify-content</code> igjen for å hjelpe disse froskene med å komme til vannliljebladene sine. Husk at denne CSS-egenskapen justerer elementer horisontalt og godtar følgende verdier:</p><ul><li><code>flex-start</code>: Elementer justeres til venstre side av beholderen.</li><li><code>flex-end</code>: Elementer justeres til høyre side av beholderen.</li><li><code>center</code>: Elementer justeres i midten av beholderen.</li><li><code>space-between</code>: Elementer vises med lik avstand mellom seg.</li><li><code>space-around</code>: Elementer vises med lik avstand rundt seg.</li></ul>',\n    },\n    board: 'gy',\n    style: { 'justify-content': 'center' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'justify-content 3',\n    instructions: {\n      'en': '<p>Help all three frogs find their lilypads just by using <code>justify-content</code>. This time, the lilypads have lots of space all around them.</p><p>If you find yourself forgetting the possible values for a property, you can click on the property name to view them. Try clicking on <code>justify-content</code>.</p>',\n      'bn': '<p><code>justify-content</code> ব্যবহার করে তিনটি ব্যাঙকেই তাদের পদ্ম-পাতায় ফিরে যেতে সাহায্য করুন। এই বার, পদ্ম-পাতার আশেপাশে অনেক যায়গা আছে।</p><p>যদি আপনি কোন property এর মান(value) ভুলে যান, তাহলে আপনি peroperty এর নামের উপর ক্লিক করতে পারেন তা দেখতে। <code>justify-content</code> তে ক্লিক করে দেখতে পারেন।</p>',\n      'af': '<p>Help al drie paddas om hulle waterlelies te kry deur om <code>justify-content</code> te gebruik. Hierdie keer, het die waterlelies baie spasie om hulle.</p><p>As jy die moontlike waardes vergeet vir `n eienskap, kan jy op die eienskap naam kliek om hulle te beskou. Probeer om op <code>justify-content</code> te kliek.</p>',\n      'he': '<p>עזרו לכל הצפרדעים להגיע לעלים שלהן רק בעזרת <code>justify-content</code>. הפעם יש הרבה מרווח מסביב לעלים.</p><p>אם שכחתם איזה ערכים התכונה יכולה לקבל, תעברו על התכונה עם העכבר כדי לראות אותם. נסו לשים את העבר על <code>justify-content</code>.</p>',\n      'ro': '<p>Ajută-le pe cele trei broaște să-și găsească nuferii folosind doar <code>justify-content</code>. De această dată, nuferii au foarte mult spațiu între ei.</p><p>Dacă nu-ți mai amintești posibilele valori ale unei proprietăți, poți să faci hover peste numele unei proprietăți pentru a le vedea. Incearcă să faci hover pe <code>justify-content</code>.</p>',\n      'bg': '<p>Помогни на трите жабчета да намерят своите листа, използвайки <code>justify-content</code>. Този път листата имат доста място около себе си.</p><p>Ако забравиш някоя от възможните стойности на дадено свойство, можеш да посочиш с мишката върху името на свойството, за да ги видиш. Опитай да посочиш върху <code>justify-content</code>.</p>',\n      'de': '<p>Hilf den drei Fröschen, ihre Seerosenblätter zu finden, indem du <code>justify-content</code> verwendest. Dieses Mal haben die Seerosenblätter einen großen Außenabstand.</p><p>Falls du die möglichen Werte einer Eigenschaft vergessen haben solltest, kannst du den Mauszeiger über den Namen einer Eigenschaft bewegen. Versuche es bei <code>justify-content</code>.</p>',\n      'pt-br': '<p>Ajude todos os três sapos a encontrar suas vitórias-régias usando <code>justify-content</code>. Desta vez, as vitórias-régias têm muito espaço em torno delas.</p><p>Caso você esqueça os possíveis valores de uma propriedade, passe o cursor sobre a propriedade para visualizá-los. Tente passar o cursor sobre <code>justify-content</code>.</p>',\n      'es': '<p>Ayuda a las tres ranas a encontrar sus hojas de lirio usando <code>justify-content</code>. En esta oportunidad, las hojas de lirio tienen mucho espacio a su alrededor.</p><p>Si no recuerdas los valores de una propiedad, puedes pasar el cursor sobre el nombre de una e inmediatamente se mostrarán. Prueba pasando el cursor sobre <code>justify-content</code>.</p>',\n      'fr': '<p>Aidez les trois grenouilles à trouver leurs nénuphars en utilisant seulement <code>justify-content</code>. Cette fois-ci, les nénuphars ont beaucoup d\\'espace tout autour d\\'eux.</p><p>Si vous oubliez les valeurs possibles pour une propriété, vous pouvez survoler le nom de cette propriété pour les voir. Essayez de survoler <code>justify-content</code>.</p>',\n      'ru': '<p>Помоги всем трём лягушатам найти их лилии, просто используя <code>justify-content</code>. В этот раз у лилий много пространства вокруг.</p><p>Если ты чувствуешь, что забыл возможные значения свойства, ты можешь навести курсор на название свойства, чтобы посмотреть их. Попробуй навести курсор на <code>justify-content</code>.</p>',\n      'fa': '<p>با استفاده از <code>justify-content</code> به این سه قورباغه کمک کنید تا نیلوفرهای آبی خود را پیدا کنند. حواستون به این نکته باشه که نیلوفرهای آبی با فاصبه برابر کنار هم قرار گرفتند.</p><p>اگر مقادیر این خاصیت را فراموش کردید, میتونید با قرار دادن ماوس روی خاصیت مقادیر را ببینید. <code>justify-content</code>.</p>',\n      'zh-cn': '<p>仅靠<code>justify-content</code>来帮助全部三只青蛙找到他们的荷叶。这次荷叶周边都有很多的空地。</p><p>如果你忘了一个CSS属性可选的值的话，你可以将鼠标移到参数名上面来查看。试试将鼠标移到<code>justify-content</code>。</p>',\n      'zh-tw': '<p>僅靠<code>justify-content</code>來幫助全部三隻青蛙找到他們的荷葉。這次荷葉周邊都有很多的空地。</p><p>如果你忘了一個CSS屬性可選的值的話，你可以將鼠標移到參數名上面來查看。試試將鼠標移到<code>justify-content</code>。</p>',\n      'tr': '<p><code>justify-content</code> kuralını kullanarak üç kurbağanın da kendi nilüfer yaprağını bulmasını sağlayın. Bu sefer, nilüfer yaprakları etrafında bolca boş alan var.</p><p> Olur da bir kuralın alabileceği değerleri unutursanız, o kuralın üzerine farenizi götürerek değerlerini görebilirsiniz. Farenizi <code>justify-content</code> üzerine götürmeyi deneyin.</p>',\n      'az': '<p><code>justify-content</code> qaydasını istifadə edərək üç qurbağanın da öz zanbaq yarpağını tapmaqlarını kömək edin. Bu səfər, zanbaq yarpaqları ətrafında çoxlu boş sahə var.</p><p> Əgər bir qaydanın alacağı dəyərləri unutsanız, o qaydanın üzərinə siçanı götürərək dəyərləri görəbilərsiniz. Siçanı <code>justify-content</code> üzərinə götürməyi yoxlayın.</p>',\n      'it': '<p>Aiuta le tre rane a raggiungere le ninfee usando la proprietà <code>justify-content</code>. Fai attenzione, questa volta le ninfee hanno molto spazio attorno a loro.</p><p>Se hai dimenticato alcuni valori per le proprietà CSS, puoi portare il mouse sopra il nome della proprietà per visualizzare tutti i valori disponibili. Prova a portare il cursore sopra <code>justify-content</code>.</p>',\n      'ko': '<p><code>justify-content</code>를 사용하여 세마리의 개구리가 모두 수련잎으로 이동할 수 있도록 도와주세요. 이번에는 수련잎 주위에 많은 간격이 있습니다.</p><p>만약 이 속성에서 사용 가능한 인자들이 기억나지 않는다면, 포인터를 속성 이름 위로 이동시키세요. <code>justify-content</code> 위로 포인터를 이동시켜 보세요.</p>',\n      'lt': '<p>Padėkite visoms trims varlytėms pasiekti savo lelijos lapus naudodami <code>justify-content</code>. Šį kartą aplink lelijos lapus yra labai daug vietos.</p><p>Jei netikėtai pamiršote galimas šios komandos vertes, jas prisiminti galite užvedę žymeklį ant komandos pavadinimo. Pabandykite užvesti žymeklį ant <code>justify-content</code>.</p>',\n      'vi': '<p>Giúp tất cả ba chú ếch tìm những lá bông súng của họ bằng cách sử dụng <code>justify-content</code>. Lần này, những lá bông súng có rất nhiều không gian xung quanh chúng. </p><p>Nếu bạn thấy mình đang quên đi những giá trị cho thuộc tính này, bạn có thể di chuột qua từ đó để xem chúng. Hãy thử di chuột qua từ này<code>justify-content</code>.</p>',\n      'pl': '<p>Pomóż wszystkim żabkom dotrzeć do ich listków przy pomocy tylko właściwości <code>justify-content</code>. Tym razem, listki mają dużo miejsca wokół.</p><p>Jeśli nie pamiętasz jakie wartości przyjmuje ta właściwość możesz najechać myszką na jej nazwę, aby je zobaczyć. Spróbuj przesunąć myszkę nad <code>justify-content</code>.</p>',\n      'cs': '<p>Pomozte těmto třem žabkám na jejich lekníny vlastností <code>justify-content</code>. Tentokrát je mezi lekníny hodně místa.</p><p>Pokud zapomenete, jaké hodnoty lze pro kterou vlastnost použít, najeďte na ni myší. Zkuste najet na <code>justify-content</code>.</p>',\n      'ja': '<p><code>justify-content</code>だけを使って三匹のカエルを全て蓮の葉に乗せてあげましょう。この蓮の葉は、それぞれの周囲にたくさんの隙間が空いています。</p><p>プロパティーが取り得る値を忘れてしまったら、プロパティー名にマウスカーソルを乗せると、それを見ることができます。試しにマウスカーソルを<code>justify-content</code>に乗せてみてください。</p>',\n      'hu': '<p>Segíts mindhárom békának megtalálni a saját tündérrózsáját pusztán a <code>justify-content</code> használatával. Ezúttal a tündérrózsák körül meglehetősen sok hely van.</p><p>Ha úgy érzed, elfelejtetted a lehetséges értékeket ehhez a tulajdonsághoz, vidd az egérkurzort a tulajdonság neve fölé, hogy láthasd őket. Próbáld ki a <code>justify-content</code>-en.</p>',\n      'eo': '<p>Helpu ĉi tiujn tri ranojn trovi iliajn nimfeofoliojn nur pere de <code>justify-content</code>. Ĉifoje, la nimfeofolioj havas multe da spaco ĉirkaŭ ili.</p><p>Se vi forgesas la eblan valoron por trajton, vi povas ŝvebi sur la nomon de la trajto por afiŝi ilin. Provu ŝvebi sur <code>justify-content</code>.</p>',\n      'sv': '<p>Hjälp alla tre grodorna tillbaka till sina blombald genom att använda <code>justify-content</code>. Denna gången har blombladen mycket utrymme runt omkring varandra.</p><p>Om du glömmer bort de accepterade värdena för en attribut kan du föra musen över dem för att se dem. Testa att föra musen över <code>justify-content</code>.</p>',\n      'uk': '<p>Допоможи трьом жабенятам опинитися на своїх листах латаття, використовуючи <code>justify-content</code>. Але цього разу між листками є багато простору.</p><p>Якщо ти забув можливі значення властивості, ти можеш навести на назву властивості для підказки. Спробуй навести на <code>justify-content</code>.</p>',\n      'hi': '<p>तीनों मेंढकों को <code>justify-content</code> की मदद से उनके लिली के पत्तों तक पहुंचाइए। इस समय लिली के पत्तों के चारों ओर काफी जगह मोजूद है।</p><p>अगर आप किसी प्रॉपर्टी का महत्व भूल रहें हैं तो आप उस प्रॉपर्टी के उपर होवर करते हुए उसका महत्व जान सकते हैं।<code>justify-content</code> के उपर होवर करने की कोशिश कीजिये।</p>',\n      'gj': '<p>ત્રણ દેડકાઓને <code>justify-content</code>ની મદદથી લીલા પાંદડાઓ સુધી પહોંચાડો. અત્યારે લીલીના તરતા પાંદડાની ચારે તરફ ગણી જગ્યા છે.</p><p>જો તમે કોઈ પ્રોપર્ટીનું મહત્વ ભુલી ગયા છો તો તેના પાર હોવર કરીને જાણી શકાય છે. <code>justify-content</code> ની ઉપર હોવર કરવાનો પ્રયત્ન કરો .</p>',\n      'sr': '<p>Помози да све три жабице нађу своје локвање користећи само <code>justify-content</code>. Овог пута локвањи имају много простора око себе.</p><p>Ако си заборавио/ла могуће вредности за својство, можеш прећи курсором преко назива својства да би их видео. Пробај да пређеш курсором преко <code>justify-content</code>.</p>',\n      'bs': '<p>Pomozi da sve tri žabice nađu svoje listove koristeći samo <code>justify-content</code>. Ovog puta listovi imaju mnogo prostora oko sebe.</p><p>Ako si zaboravio/la moguće vrijednosti za svojstvo, možeš preći kursorom preko naziva svojstva da bi ih video. Probaj da pređeš kursorom preko <code>justify-content</code>.</p>',\n      'hr': '<p>Pomozi da sve tri žabice nađu svoje listove koristeći samo <code>justify-content</code>. Ovog puta listovi imaju mnogo prostora oko sebe.</p><p>Ako si zaboravio/la moguće vrijednosti za svojstvo, možeš prijeći kursorom preko naziva svojstva da bi ih vidio. Probaj prijeći kursorom preko <code>justify-content</code>.</p>',\n      'nl': '<p>Help alle drie kikkers naar hun lelieblaadjes door gebruik te maken van <code>justify-content</code>. Deze keer is er veel plaats rond de lelieblaadjes.</p><p>Indien je de mogelijke waarden vergeten bent kun je altijd je cursor over de naam van de eigenschap houden. Probeer je cursor over <code>justify-content</code> te houden.</p>',\n      'ta': '<p><code>justify-content</code> பயன்படுத்தி, தவளை அதற்கான இலையினை அடைய உதவவும். இந்த முறை இலையினை சுற்றி நிறைய வெற்றிடம் இருக்கின்றது.</p><p>நீங்கள் ஒரு வேளை சாத்தியமான மதிப்புகளை மறந்து இருந்தால், பண்பின் பெயர் மீது hover செய்தால் அதன் மதிப்புகளை பார்க்கலாம். இப்போது <code>justify-content</code> மீது hover செய்து முயற்சிக்கவும்.</p>',\n      'te': '<p>మూడు కప్పల కోసం<code>justify-content</code>ను ఉపయోగించడం ద్వారా వారి లిల్లీప్యాడ్లను కనుగొనడంలో సహాయపడండి. ఈ సమయంలో, లిల్లీప్యాడ్‌లు వాటి చుట్టూ చాలా స్థలాన్ని కలిగి ఉన్నాయి. </p><p> దీనికి సాధ్యమయ్యే విలువలను మీరు మరచిపోతున్నట్లు అనిపిస్తే, మీరు వాటిని చూడటానికి అంశాల పేరు మీద హోవర్ చేయవచ్చు. ఒక సారి మౌస్ పాయింటర్ ని <code>justify-content</code> మీద ఉంచి  ప్రయత్నించండి. </p> ',\n      'ml': '<p><code>justify-content</code> ഉപയോഗിച്ച് തവളകളെ താമര ഇലകൾ കണ്ടുപിടിക്കാൻ സഹായിക്കുക . ഈ സമയം, lilypads അവരുടെ ചുറ്റും ധാരാളം സ്ഥലം ഉണ്ട്.</p><p>ഒരു വസ്തുവിന്റെ മൂല്യങ്ങൾ നിങ്ങൾ മറന്നുപോകുന്നതായി കണ്ടാൽ, അവ കാണുന്നതിന് നിങ്ങൾക്ക് പ്രോപ്പർട്ടിയുടെ പേരിൽ ഹോവർ ചെയ്യാം. <code>justify-content</code>.</p> ഹോവർ ചെയ്യൽ ശ്രമിക്കുക',\n      'el': '<p>Βοηθήστε και τους τρεις βατράχους να βρουν τα νούφαρά τους χρησιμοποιώντας μόνο το <code>justify-content</code>. Αυτή την φορά, τα νούφαρα έχουν άπλετο διάστημα τριγύρω τους.</p><p>Αν ξεχάσετε τις πιθανές αξίες για μια ιδιότητα, μπορείτε να βάλετε το ποντίκι σας πάνω από το όνομα της ιδιότητας για να τις δείτε. Δοκιμάστε να βάλετε το ποντίκι σας πάνω από το <code>justify-content</code>.</p>',\n      'mk': '<p>Помогнете им на сите три жаби да ги најдат своите листови само со користење на <code>justify-content</code>. Овој пат, листовите имаат многу простор околу нив.</p><p>Доколку ги заборавите можните вредности за некое својство, можете да лебдите со маусот преку името на својството за да ги видите. Пробајте да лебдите со маусот преку <code>justify-content</code>.</p>',\n      'lv': '<p>Lieto <code>justify-content</code> un palīdzi visiem trīs vardulēniem nokļūt līdz ūdensrozēm. Šoreiz ap ūdensrozēm ir plašs apkārtesošais laukums.</p><p>Ja gadījumā piemirstas visas iespējamās vērtības, tad vari ar peli uzbraukt uz metodes nosaukuma un apskatīt tās. Pamēģini ar peli uzbraukt uz <code>justify-content</code>.</p>',\n      'id': '<p> Bantu semua tiga katak menemukan lilypads dengan gunakan <code>justify-content</code>. Kali in i, lilypads mempunyai jarak lebih diantara mereka</p><p> Jika kamu lupa value untuk properti, kamu dapat mengarahkan kursor ke nama properti untuk melihatnya. Cobalah ambangkan pointer kamu <code>justify-content</code>.</p>',\n      'ar': '<p>ساعد الضفادع الثلاثة بالعودة الى اوراق الزنبق فقط باستخدام <code>justify-content</code>. هذه المرة, يوجد بين اوراق الزنبق فراغات كثيرة.</p><p>اذا كنت قد نسيت القيم الممكنة للخاصية, يمكنك المرور فوقها بالمؤشر لرؤيتها. جرب المرور فوق <code>justify-content</code>.</p>',\n      'ca': '<p>Ajuda a les tres granotes a trobar els seus nenúfars utilitzant <code>justify-content</code>. Aquest cop, els nenúfars tenen molt espai aal seu voltant.</p><p>Si no recordes els valors d\\'una propietat, pots passar el cursor sobre el nom d\\'una i inmediatament es mostrarà. Prova a passar el cursor sobre <code>justify-content</code>.</p>',\n      'da': '<p>Hjælp alle tre frøer hen til deres åkander kun ved at bruge <code>justify-content</code>. Denne gang er der masser af plads rundt om åkanderne.</p><p>Hvis du ikke kan huske hvilke værdier en egenskab kan tage, kan du holde musen over egenskabens navn for at se dem. Prøv at holde musen over <code>justify-content</code>.</p>',\n      'et': '<p>Aita kõik kolm konna oma lehtedele kasutades <code>justify-content</code>. Seekord, on vesiroosilehtede vahel palju rohkem ruumi.</p><p>Kui sul on meelest läinud omaduste võimalikud väärtused, siis võid hoida kursorit nende kohal. Proovi hoide kursorit selle omaduse kohal: <code>justify-content</code>.</p>',\n      'fi': '<p>Auta näitä kolmea sammakkoa löytämään omat lumpeenlehtensä pelkän <code>justify-content</code>-ominaisuuden avulla. Tällä kertaa lumpeenlehtien ympärillä on paljon tilaa.</p><p>Jos et muista jonkin ominaisuuden mahdollisia arvoja, osoita ominaisuuden nimeä. Kokeile osoittaa ominaisuutta <code>justify-content</code>.</p>',\n      'gl': '<p>Axuda ás tres rás a atopar cadanseu nenúfar empregando só <code>justify-content</code>. Desta vez, os nenúfares teñen moito espazo darredor.</p><p>Se non lembras cales son os posibles valores dunha propiedade, podes pasar o cursor por riba do nome da propiedade para velos. Proba a pasar o cursor por riba de <code>justify-content</code>.</p>',\n      'th': '<p>ช่วยเจ้ากบทั้งสามตัวให้ไปหาใบบัวโดยใช้เพียงคำสั่ง <code>justify-content</code> ในครั้งนี้ ใบบัวมีช่องว่างรอบๆใบค่อนข้างมาก</p><p>ถ้าคุณพบว่าตัวเองลืมค่าต่างๆของคุณสมบัตินี้, คุณสามารถคลิกที่ชื่อคุณสมบัติเพื่อดูได้ ลองคลิกที่ <code>justify-content</code> ดูสิ</p>',\n      'mn': '<p>Гурван мэлхийд зөвхөн <code>justify-content</code> ашиглан сараана цэцэгээ олоход нь туслаарай. Энэ удаад сараана цэцэгсийн эргэн тойронд их зайтай байна.</p><p>Хэрэв ямар нэг пропертигийн авч болох утгыг санахгүй байвал тухайн пропертигийн нэр дээр дарж үзэх боломжтой. <code>justify-content</code> Дарж үзнэ үү.</p>',\n      'sk': '<p>Pomôžte všetkým trom žabkám nájsť ich liliputány len pomocou <code>justify-content</code>. Tentoraz majú lilipady okolo seba veľa priestoru.</p><p>Ak zabudnete na možné hodnoty vlastnosti, môžete ich zobraziť kliknutím na názov vlastnosti. Skúste kliknúť na <code>justify-content</code>.</p>',\n      'si': '<p><code>justify-content</code> භාවිතා කිරීමෙන් මැඬියන් තිදෙනාටම ඔවුන්ගේ නෙළුම් කොළ සොයා ගැනීමට උදව් කරන්න. මේ වතාවේ, නෙළුම් කොළ වටා විශාල ඉඩක් ඇත.</p><p>ගුණාංගයක් සඳහා විය හැකි අගයන් ඔබට අමතක වී ඇත්නම්, ඒවා බැලීමට ගුණාංගයේ නම මත ක්ලික් කළ හැකිය. <code>justify-content</code> මත ක්ලික් කරන්න.</p>',\n      'np': '<p>सिर्फ <code>justify-content</code> प्रयोग गरेर सबै तीन भ्यागुतोलाई तिनका लिलीप्याडसम्म पुर्‍याउन मद्दत गर्नुहोस्। यस पटक, लिलीप्याडहरूको चारैतिर धेरै खाली ठाउँ छ।</p> <p>यदि तपाईंलाई कुनै प्रोपर्टीको सम्भावित मानहरू बिर्सिएको महसुस हुन्छ भने, प्रोपर्टीको नाममा क्लिक गरेर ती मानहरू हेर्न सक्नुहुन्छ। <code>justify-content</code> मा क्लिक गरेर प्रयास गर्नुहोस्।</p>',\n      'my': '<p>သုံးကောင်ကြောင်လေးတွေကို <code>justify-content</code> ကိုသုံးပြီး သူတို့ရဲ့ လိပ်ပြာပေါက်တွေကို ရှာဖွေဖို့ ကူညီပါ။ ဒီအခါမှာ လိပ်ပြာပေါက်တွေအကြားမှာ အရမ်းကျယ်ဝန်းတဲ့နေရာရှိပါတယ်။</p><p>တစ်ခုခု property ရဲ့ value များကို မေ့နေတယ်ဆိုရင် property နာမည်ကို hover လုပ်ပြီး ကြည့်နိုင်ပါတယ်။ <code>justify-content</code> ကို hover လုပ်ကြည့်ပါ။</p>',\n      'yo': '<p>Ràn gbogbo ọ̀pọ̀lọ mẹ́ta lọ́wọ́ kí wọ́n rí àwọn ewé ọdàn wọn nípasẹ̀ lílo <code>justify-content</code>. Ìgbà yìí, àwọn ewé ọdàn ní àyè púpọ̀ yí ká wọn.</p><p>Tí o bá rí i pé o ń gbàgbé àwọn iye tó ṣeé ṣe fún ìní kan, o lè tẹ orúkọ ìní náà láti wo wọn. Gbìyànjú láti tẹ <code>justify-content</code>.</p>',\n      'no': '<p>Hjelp alle tre froskene med å finne vannliljebladene sine bare ved å bruke <code>justify-content</code>. Denne gangen har vannliljebladene god plass rundt seg.</p><p>Hvis du glemmer de mulige verdiene for en egenskap, kan du klikke på egenskapsnavnet for å se dem. Prøv å klikke på <code>justify-content</code>.</p>',\n    },\n    board: 'gyr',\n    style: { 'justify-content': 'space-around' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'justify-content 4',\n    instructions: {\n      'en': '<p>Now the lilypads on the edges have drifted to the shore, increasing the space between them. Use <code>justify-content</code>. This time, the lilypads have equal spacing between them.</p>',\n      'bn': '<p>এখন প্রান্তে থাকা পদ্ম-পাতাগুলো কিনারায় সরে গিয়েছে, তাদের মধ্যখান যায়গা বৃদ্ধি করে। <code>justify-content</code> বব্যহার করুণ। এই বার, পদ্ম-পাতার মধ্যখান দূরত্ব সমান।</p>',\n      'af': '<p>Nou het die waterlelies na die kante van die damn gedryf, en die spasie tussen-in vergroot. Gebruik <code>justify-content</code>. Hierdie keer het die waterlelies eweredige spasie tussen-in.</p>',\n      'he': '<p>עכשיו העלים בקצוות נסחפו אל החוף והרווח בינהם גדל. תשתמשו ב-<code>justify-content</code>. הפעם יש לעלים מרווחים שווים בינהם.</p>',\n      'ro': '<p>Acum nuferii din margini au plutit in derivă la țârm, mărind spațiul dintre ei. Folosește <code>justify-content</code>. De această dată, nuferii au spațiu egal între ei.</p>',\n      'bg': '<p>Сега крайните листа се носят към брега, увеличавайки разстоянието между тях . Използвай <code>justify-content</code>. Този път листата имат еднакво разстояние помежду си.</p>',\n      'de': '<p>Inzwischen sind die äußeren Seerosenblätter weiter nach außen getrieben und haben so den Abstand noch weiter vergrößert. Benutze <code>justify-content</code>. Dieses Mal haben die Seerosenblätter einen gleichmäßigen Innenabstand.</p>',\n      'pt-br': '<p>Agora as vitórias-régias nos cantos desviaram-se para a costa, aumentando o espaço em torno delas. Use <code>justify-content</code>. Desta vez, as vitórias-régias têm espaço igual entre elas.</p>',\n      'es': '<p>Ahora las hojas de lirio de los bordes se han desplazado a un costado, aumentando así el espacio entre ellas. Usa <code>justify-content</code>. En esta oportunidad, las hojas de lirio tienen el mismo espacio entre ellas.</p>',\n      'fr': '<p>Maintenant, les nénuphars sur les côtés ont dérivé jusqu\\'à la rive, augmentant l\\'espace entre eux. Utilisez <code>justify-content</code>. Cette fois-ci, l\\'espace entre chaque nénuphar est équivalent.</p>',\n      'ru': '<p>Теперь лилии по краям уплыли к берегам, увеличив пространство между ними. Используй <code>justify-content</code>. В этот раз у лилий одинаковое расстояние между ними.</p>',\n      'fa': '<p>در حال حاضر نیلوفر های آبی به سمت لبه های ساحل حرکت کرده اند و فضای بین آنها افزایش پیدا کرده پس با استفاده از <code>justify-content</code> به قورباغه ها کمک کنید. نیلوفرهای آبی دارای فاصله مساوی هستن.</p>',\n      'zh-cn': '<p>现在边上的荷叶都漂到了岸上，使得他们之间的间距变大了。使用<code>justify-content</code>。这次荷叶之间有相等的距离。</p>',\n      'zh-tw': '<p>現在邊上的荷葉都漂到了岸上，使得他們之間的間距變大了。使用<code>justify-content</code>。這次荷葉之間有相等的距離。</p>',\n      'tr': '<p>Şimdi de nilüfer yaprakları sürüklenerek kıyıya vurmuşlar. <code>justify-content</code> kuralını kullanın ve nilüfer yaprakları arasındaki mesafenin eşit olduğuna dikkat edin.</p>',\n      'az': '<p>İndi kənarlardakı zanbaqlar sahilə sürüklənərək, aralarındakı boşluğu artırdı. <code>justify-content</code> qaydasını istifadə edin və zanbaq yarpaqları arasındakı məsafənin bərabər olduğuna diqqət edin.</p>',\n      'it': '<p>Le ninfee sono andate alla deriva aumentando lo spazio tra di loro. Usa <code>justify-content</code>. Questa volta le ninfee sono equidistanti tra di loro.</p>',\n      'ko': '<p>수련잎이 연못가로 떠내려가면서 수련잎 사이의 간격이 넓어졌습니다. <code>justify-content</code>를 사용하세요. 이번에는 수련잎 사이에 동일한 간격이 있습니다.</p>',\n      'lt': '<p>Dabar kraštiniai lelijos lapai nuplaukė arčiau krantų, taip padidindami tarpus tarp vienas kito. Naudokite <code>justify-content</code>. Šį kartą tarpai tarp lelijos lapų yra vienodi.</p>',\n      'vi': '<p>Bây giờ những lá bông súng đã trôi dạt vào bờ, tạo thêm không gian giữa chúng. Sử dụng <code>justify-content</code>. Lần này, những lá bông súng có khoảng cách bằng nhau giữa chúng.</p>',\n      'pl': '<p>Tym razem skrajne listki odpłynęły do krańców kontenera, zwiększając odstępy. Użyj <code>justify-content</code>. Tym razem listki mają tę samą odległość między sobą.</p>',\n      'cs': '<p>Teď lekníny na stranách odpluly ke břehu, zvětšíly se mezery. Použijte <code>justify-content</code>. Tentokrát jsou mezi lekníny rovnoměrné rozestupy.</p>',\n      'ja': '<p>蓮の葉は両岸まで流されてしまいました。間隔はさらに開いています。<code>justify-content</code>を使いましょう。蓮の葉は等間隔に並んでいます。</p>',\n      'hu': '<p>Mostanra a tündérrózsák kisodródtak a tópart felé, megnövelve ezáltal a közöttük tátongó űrt. Használd a <code>justify-content</code> tulajdonságot. Ezúttal a tündérrózsák között egyenlő mértékű szabad terület van.</p>',\n      'eo': '<p>Nun, la flankaj akvolilifolioj flosas al la bordo, grandigante la spacon inter ili. Uzu <code>justify-content</code>. Ĉifoje, la akvolilifolioj havas saman spacon inter ili.</p>',\n      'sv': '<p>Nu har blombladen längs med kanterna drivit in till stranden och utökt utrymmet mellan dem. Använd <code>justify-content</code>. Denna gång är blombladen jämt fördelade.</p>',\n      'uk': '<p>Тепер крайні листя латаття віднесло до берегів, збільшуючи простір між ними. Використовуй <code>justify-content</code>. Цього разу поміж листками латаття рівні відстані.</p>',\n      'hi': '<p>अब लिली के पत्ते किनारों की तरफ चले गयें हैं। <code>justify-content</code>का इस्तेमाल कीजिये। इस समय लिली के पत्तों के मध्य बराबर जगह है।</p>',\n      'gj': '<p>હવે લીલીના પાંદડા કિનારા તરફ જતા રહ્યા છે. <code>justify-content</code> નો ઉપયોગ કરો. આ સમયે લીલીના પાંદડાની મધ્યમાં જગ્યા છે. </p>',\n      'sr': '<p>Сада су крајњи локвањи померени према обали што увећава растојање између њих. Користи <code>justify-content</code>. Овог пута размак између локвања је идентичан.</p>',\n      'bs': '<p>Sada su krajnji listovi pomjereni prema obali što uvećava rastojanje između njih. Koristi <code>justify-content</code>. Ovog puta razmak između listova je identičan.</p>',\n      'hr': '<p>Sada su krajnji listovi pomaknuti prema obali što uvećava razmak između njih. Koristi <code>justify-content</code>. Ovog je puta razmak između listova identičan.</p>',\n      'nl': '<p>De lelieblaadjes aan de rand zijn naar de oever van de vijver gedreven, waardoor de plaats tussen hun groter is geworden. Maak gebruik van <code>justify-content</code>. Deze keer is er een gelijke verdeling van plaats tussen hun.</p>',\n      'ta': '<p>இப்பொழுது இலைகள் தங்களுக்கு இடையில் அதிக இடைவெளி விட்டு குளத்தின் கரை ஒற்றி சென்றுவிட்டன. மீண்டும் code>justify-content</code> உபயோகித்து முயற்சிக்கவும்.<p>',\n      'te': '<p>ఇప్పుడు అంచులలోని ఉన్న లిల్లీప్యాడ్‌లు ఒడ్డుకు మళ్ళి, వాటి మధ్య ఖాళీని పెంచుతున్నాయి. <code>justify-content</code> ని ఉపయోగించండి. ఈ సమయంలో, లిల్లీప్యాడ్ల మధ్య సమానంగా ఖాళీ ఉంటుంది. </p>',\n      'ml': '<p>ഇപ്പോൾ ഞരമ്പുകളിലുള്ള താമരപ്പൂവും കടൽക്കരയിലേക്ക് നീങ്ങുന്നു, അവ തമ്മിൽ ഇടം വർദ്ധിപ്പിക്കുന്നു. <code>justify-content</code>. ഉപയോഗിച്ച്. താമര ഇലകൾക്ക് ഇടയിൽ ഒരേ ദൂരം ആണ് </p>',\n      'el': '<p>Τώρα τα νούφαρα στις άκρες έχουν παρασυρθεί στην ακτή, αυξάνοντας το διάστημα μεταξύ τους. Χρησιμοποιήστε το <code>justify-content</code>. Αυτή την φορά, τα νούφαρα έχουν ίσο διάστημα μεταξύ τους.</p>',\n      'mk': '<p>Сега листовите на рабовите се имаат придвижено кон брегот, зголемувајќи го просторот помеѓу нив. Користете <code>justify-content</code>. Овој пат, листовите имаат еднаков простор помеѓу нив.</p>',\n      'lv': '<p>Tagad visas ūdensrozes ir pavirzījušās uz dīķa krastu un palielinājušas atstarpi viena no otras. Lieto <code>justify-content</code>. Šoreiz  atstarpe starp ūdensrozēn ir vienāda.</p>',\n      'id': '<p>Sekarang lilypads berada di tepi pantai, tambahkan jarak di antara mereka. Gunakan <code>justify-content</code>. Kali ini, lilypads harus memiliki jarak yang sama diantara mereka.</p>',\n      'ar': '<p>انجرفت اوراق الزنبق التي بالاطراف الى حواف الشاطئ, وازدادت الفراغات بينها. استخدم <code>justify-content</code>. هذه المرة, اوراق الزنبق بينها فراغات متساوية.</p>',\n      'ca': '<p>Ara els nenúfars de les vores s\\'han desplaçat a un costat, augmentant així l\\'espai entre elles. Utilitza <code>justify-content</code>. Aquest cop, els nenúfars tenen el mateix espai entre elles.</p>',\n      'da': '<p>Nu er åkanderne i kanterne drevet mod kysten, så afstanden mellem dem er øget. Brug <code>justify-content</code>. Denne gang er der fast afstand imellem åkanderne.</p>',\n      'et': '<p>Vesiroosilehed on triivinud äärtesse, vahemaa nende vahel on  nüüd veel suurem. Kasuta <code>justify-content</code>. Seekord on vesiroosilehtede vahel sama suur vahe.</p>',\n      'fi': '<p>Nyt reunoilla olevat lumpeenlehdet ovat ajelehtineet rantaan, joten niiden välissä on enemmän tilaa. Käytä taas ominaisuutta <code>justify-content</code>. Tällä kertaa lumpeenlehtien välissä on yhtä paljon tilaa.</p>',\n      'gl': '<p>Agora os nenúfares dos bordes desprazáronse ata a ribeira, aumentando o espazo entre que hai entre eles. Usa <code>justify-content</code>. Desta vez, os nenúfares teñen o mesmo espazo entre eles.</p>',\n      'th': '<p>จากนี้ ใบบัวตรงขอบๆได้ลอยไปติดฝั่ง, ทำให้เพิ่มช่องว่างระหว่างใบบัว ใช้คำสั่ง <code>justify-content</code> ในครั้งนี้, ใบบัวมีพื้นที่ระหว่างกันเท่ากัน</p>',\n      'mn': '<p>Захад байсан сараана цэцэгc одоо эрэг рүү урсаж, хоорондын зайгаа ихэсгэсэн байна. <code>justify-content</code>-г ашиглана уу. Энэ удаад сараана цэцэгсийн хоорондох зай тэнцүү байна.</p>',\n      'sk': '<p>Teraz sa liliovníky na okrajoch posunuli k brehu, čím sa zväčšil priestor medzi nimi. Použite <code>justify-content</code>. Tentoraz majú lilipady medzi sebou rovnaké rozostupy.</p>',\n      'si': '<p>දැන් අයිනේ ඇති නෙළුම් කොළ ඉවුරට ගසාගෙන ගොස් ඒවා අතර ඉඩ වැඩි වී ඇත. <code>justify-content</code> භාවිතා කරන්න. මේ වතාවේ, නෙළුම් කොළ අතර සමාන පරතරයක් ඇත.</p>',\n      'np': '<p>अब छेउका लिलीप्याडहरू किनारामा बगेर गएका छन्, जसले तिनको बीचमा थप ठाउँ बनाएको छ। <code>justify-content</code> प्रयोग गर्नुहोस्। यस पटक, लिलीप्याडहरूको बीचमा समान दूरी छ।</p>',\n      'my': '<p>ယခုလီလီပက်စ်များကအနားကမ်းခြေသို့ပြောင်းရွှေ့သွားပြီး၊ ၎င်းတို့အကြားအကွာအဝေးကိုတိုးမြှင့်ခဲ့သည်။ <code>justify-content</code> ကိုအသုံးပြုပါ။ ယခုလီလီပက်စ်များသည်၎င်းတို့အကြားတူညီသောအကွာအဝေးရှိသည်။</p>',\n      'yo': '<p>Nísinsin yìí àwọn ewé ọdàn tó wà lórí etí ti sáré lọ sí ẹ̀gbẹ́ adágún, tí ó ń pọ̀ sí àyè tó wà láàárín wọn. Lo <code>justify-content</code>. Ìgbà yìí, àwọn ewé ọdàn ní àyè tó dọ́gba láàárín wọn.</p>',\n      'no': '<p>Nå har vannliljebladene på kantene drevet mot kysten, noe som øker avstanden mellom dem. Bruk <code>justify-content</code>. Denne gangen har vannliljebladene lik avstand mellom seg.</p>',\n    },\n    board: 'gyr',\n    style: { 'justify-content': 'space-between' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-items 1',\n    instructions: {\n      'en': '<p>Now use <code>align-items</code> to help the frogs get to the bottom of the pond. This CSS property aligns items vertically and accepts the following values:</p><ul><li><code>flex-start</code>: Items align to the top of the container.</li><li><code>flex-end</code>: Items align to the bottom of the container.</li><li><code>center</code>: Items align at the vertical center of the container.</li><li><code>baseline</code>: Items display at the baseline of the container.</li><li><code>stretch</code>: Items are stretched to fit the container.</li></ul>',\n      'bn': '<p>এবার <code>align-items</code> ব্যবহার করে ব্যাঙগুলোকে পুকুরের তলানিতে পৌছাতে সাহায্য করুন। এই CSS property item গুলোকে vertically সারিবদ্ধ (align) করে এবং নিচের মানগুলো (values) গ্রহণ করেঃ</p><ul><li><code>flex-start</code>: Container এর উপরের দিকে সারিবদ্ধ (align) করা item গুলো।</li><li><code>flex-end</code>: Container এর নিচের দিকে সারিবদ্ধ (align) করা item গুলো।</li><li><code>center</code>: Container এর মাঝে vertically সারিবদ্ধ (align) করা item গুলো।</li><li><code>baseline</code>: Container এর baseline এ প্রদর্শিত item গুলো।</li><li><code>stretch</code>: Item গুলোকে stretched করা হয় container এ ফিট (fit) হওয়ার জন্য।</li></ul>',\n      'af': '<p>Gebruik nou <code>align-items</code> om die paddas te help uitkom by die onderkant van die dam. Hierdie CSS eienskap rig items vertikaal en aanvaar die volgende waardes:</p><ul><li><code>flex-start</code>: Items rig op die bookant van die houer.</li><li><code>flex-end</code>: Items rig op die onderkant van die houer.</li><li><code>center</code>: Items rig op die vertikale middel van die houer.</li><li><code>baseline</code>: Items verskyn op die onderkant van die houer.</li><li><code>stretch</code>: Items is gerek om die houer te pas.</li></ul>',\n      'he': '<p>עכשיו תשתמשו ב-<code>align-items</code> כדי לעזור לצפרדעים להגיע לתחתית האגם. התכונת CSS הזו מיישרת פריטים בציר האנכי ומקבלת את הערכים הבאים:</p><ul><li><code>flex-start</code>: יישור הפריטים לחלק העליון של הקונטיינר.</li><li><code>flex-end</code>: יישור פריטים לחלק התחתון של הקונטיינר.</li><li><code>center</code>: יישור פריטים לאמצע הקו האנכי של הקונטיינר.</li><li><code>baseline</code>: הפריטים יוצגו בקו הבסיס של הקונטיינר.</li><li><code>stretch</code>: הפריטים יימתחו כדי להתאים לקונטיינר.</li></ul>',\n      'ro': '<p>Acum folosește <code>align-items</code> pentru a ajuta broaștele să ajungă la fundul lacului. Această proprietate CSS aliniază elementele vertical și acceptă următoarele valori:</p><ul><li><code>flex-start</code>: Elementele se aliniază în partea de sus a containerului.</li><li><code>flex-end</code>: Elementele se aliniază în partea de jos a containerului.</li><li><code>center</code>: Elementele se aliniază in centrul vertical al containerului.</li><li><code>baseline</code>: Elementele sunt afișate la linia de baza a containerului.</li><li><code>stretch</code>: Elementele sunt întinse să se potrivească în container.</li></ul>',\n      'bg': '<p>Сега използвай <code>align-items</code>, за да помогнеш на жабчетата да достигнат до долния край на езерото. Това CSS свойство подрежда елементите вертикално и приема следните стойности:</p><ul><li><code>flex-start</code>: Елементите се подреждат в горната част на контейнера.</li><li><code>flex-end</code>: Елементите се подреждат в долната част на контейнера.</li><li><code>center</code>: Елементите се подреждат във вертикалния център на контейнера.</li><li><code>baseline</code>: Елементите се подреждат на базовата линия на контейнера.</li><li><code>stretch</code>: Елементите се разпъват, за да паснат в контейнера.</li></ul>',\n      'de': '<p>Verwende nun <code>align-items</code>, um den Fröschen zu helfen, das untere Ende des Teichs zu erreichen. Diese CSS-Eigenschaft richtet die Elemente vertikal aus und akzeptiert die folgenden Werte:</p><ul><li><code>flex-start</code>: Elemente oben am Container ausrichten.</li><li><code>flex-end</code>: Elemente unten am Container ausrichten.</li><li><code>center</code>: Elemente mittig im Container ausrichten.</li><li><code>baseline</code>: Elemente an der Grundlinie des Containers ausrichten.</li><li><code>stretch</code>: Elemente strecken, um den Container auszufüllen.</li></ul>',\n      'pt-br': '<p>Agora use <code>align-items</code> para levar os sapos ao fundo da lagoa. Essa propriedade CSS alinha os itens verticalmente e aceita os seguintes valores:</p><ul><li><code>flex-start</code>: Itens se alinham na parte de cima do container.</li><li><code>flex-end</code>: Itens se alinham na parte de baixo do container.</li><li><code>center</code>: Itens se alinham no centro vertical do container.</li><li><code>baseline</code>: Items se alinham na linha da base do container.</li><li><code>stretch</code>: Itens se esticam para preencher o container.</li></ul>',\n      'es': '<p>Ahora usa <code>align-items</code> para ayudar a las ranas a llegar al fondo del estanque. Esta propiedad CSS alinea elementos verticalmente y acepta los siguientes valores:</p><ul><li><code>flex-start</code>: Alinea elementos a la parte superior del contenedor.</li><li><code>flex-end</code>: Alinea elementos a la parte inferior del contenedor.</li><li><code>center</code>: Alinea elementos en el centro (verticalmente hablando) del contenedor.</li><li><code>baseline</code>: Muestra elementos en la línea base del contenedor</li><li><code>stretch</code>: Elementos se estiran para ajustarse al contenedor.</li></ul>',\n      'fr': '<p>Maintenant, utilisez <code>align-items</code> pour aider les grenouilles à se rendre au bas de l\\'étang. Cette propriété CSS aligne les éléments verticalement et accepte les valeurs suivantes&nbsp;:</p><ul><li><code>flex-start</code>&nbsp;: Les éléments s\\'alignent au haut du conteneur.</li><li><code>flex-end</code>&nbsp;: Les éléments s\\'alignent au bas du conteneur.</li><li><code>center</code>&nbsp;: Les éléments s\\'alignent au centre vertical du conteneur.</li><li><code>baseline</code>&nbsp;: Les éléments s\\'alignent à la ligne de base du conteneur.</li><li><code>stretch</code>&nbsp;: Les éléments sont étirés pour s\\'adapter au conteneur.</li></ul>',\n      'ru': '<p>Теперь используй <code>align-items</code>, чтобы помочь лягушатам добраться до нижней части пруда. Это свойство CSS выравнивает элементы вертикально и принимает следующие значения:</p><ul><li><code>flex-start</code>: элементы выравниваются по верхнему краю контейнера.</li><li><code>flex-end</code>: элементы выравниваются по нижнему краю контейнера.</li><li><code>center</code>: элементы выравниваются вертикально по центру контейнера.</li><li><code>baseline</code>: элементы отображаются на базовой линии контейнера.</li><li><code>stretch</code>: элементы растягиваются, чтобы заполнить контейнер.</li></ul>',\n      'fa': '<p>در حال حاضر با استفاده از <code>align-items</code> به قورباغه ها کمک کنید تا به پایین برکه برسند.این خاصیت ایتم ها را در محور عمودی تراز بندی می کند و مقادیر آن عبارتند از :</p><ul><li><code>flex-start</code>: آیتم‌ها از نقطه ابتدایی محور عمودی چیده می‌شوند.</li><li><code>flex-end</code>: آیتم‌ها از نقطه انتهایی محور عمودی چیده می‌شوند.</li><li><code>center</code>: آیتم‌ها در وسط محور عمودی چیده می‌شوند.</li><li><code>baseline</code>: آیتم ها بر اساس <span class=\"en-font\">Baseline</span>شان هم‌تراز می‌شوند</li><li><code>stretch</code>: در صورتی که ارتفاع آیتم‌ها مشخص نشده باشد، آیتم ها کشیده میشوند و Flex line را پر میکنند.</li></ul>',\n      'zh-cn': '<p>现在用<code>align-items</code>来帮助青蛙们到池塘的底部。这个CSS属性纵向对齐元素并且可选以下几个值：</p><ul><li><code>flex-start</code>: 元素与容器的顶部对齐。</li><li><code>flex-end</code>: 元素与容器的底部对齐。</li><li><code>center</code>: 元素纵向居中。</li><li><code>baseline</code>: 元素在容器的基线位置显示。</li><li><code>stretch</code>: 元素被拉伸以填满整个容器。</li></ul>',\n      'zh-tw': '<p>現在用<code>align-items</code>來幫助青蛙們到池塘的底部。這個CSS屬性縱向對齊元素並且可選以下幾個值：</p><ul><li><code>flex-start</code>: 元素與容器的頂部對齊。</li><li><code>flex-end</code>: 元素與容器的底部對齊。</li><li><code>center</code>: 元素縱向居中。</li><li><code>baseline</code>: 元素在容器的基線位置顯示。</li><li><code>stretch</code>: 元素被拉伸以填滿整個容器。</li></ul>',\n      'tr': '<p>Şimdi, <code>align-items</code> kuralını kullanarak kurbağaların gölün aşağısına gitmesine yardımcı olun. Bu CSS kuralı öğeleri dikey olarak hizalar ve şu değerleri alır:</p><ul><li><code>flex-start</code>: Öğeleri flexbox container\\'ın tepesine hizalar</li><li><code>flex-end</code>: Öğeleri flexbox container\\'ın aşağısına hizalar</li><li><code>center</code>: Öğeleri flexbox container\\'ın dikey ortasına hizalar</li><li><code>baseline</code>: Öğeleri flexbox container\\'ın yazı referans çizgisine(baseline) hizalar.</li><li><code>stretch</code>: Öğeler flexbox container boyunca uzarlar</li></ul>',\n      'az': '<p>İndi, <code>align-items</code> qaydasını istifadə edərək qurbağaların gölün aşağısına çatmağına kömək edin. Bu CSS qaydası elementləri şaquli şəkildə nizamlayar və bu dəyərləri qəbul edir:</p><ul><li><code>flex-start</code>: Elementləri flexbox container\\'inin üstünə nizamlayar</li><li><code>flex-end</code>: Elementləri flexbox container\\'inin aşağısına nizamlayar</li><li><code>center</code>: Elementləri flexbox container\\'inin şaquli ortasına nizamlayar</li><li><code>baseline</code>: Elementləri flexbox container\\'inin yazı referans xəttinə(baseline) nizamlayar.</li><li><code>stretch</code>: Elementlər flexbox container boyunca uzanarlar</li></ul>',\n      'it': '<p>Adesso usa <code>align-items</code> per aiutare le rane ad arrivare alla fine dello stagno. Questa proprietà CSS allinea gli elementi verticalmente ed accetta i seguenti valori:</p><ul><li><code>flex-start</code>: Allinea gli elementi all\\'inizio del loro contenitore.</li><li><code>flex-end</code>: Allinea gli elementi alla fine del loro contenitore.</li><li><code>center</code>: Centra gli elementi verticalmente.</li><li><code>baseline</code>: Gli elementi vengono disposti in modo da allineare le loro linee di base.</li><li><code>stretch</code>: Gli elementi sono allungati per occupare tutto il contenitore.</li></ul>',\n      'ko': '<p>이제 <code>align-items</code>를 사용하여 개구리들이 연못의 아래쪽에 도착할 수 있도록 도와주세요. 이 CSS 속성은 다음의 값들을 인자로 받아 요소들을 세로선 상에서 정렬합니다:</p><ul><li><code>flex-start</code>: 요소들을 컨테이너의 꼭대기로 정렬합니다.</li><li><code>flex-end</code>: 요소들을 컨테이너의 바닥으로 정렬합니다.</li><li><code>center</code>: 요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다.</li><li><code>baseline</code>: 요소들을 컨테이너의 시작 위치에 정렬합니다.</li><li><code>stretch</code>: 요소들을 컨테이너에 맞도록 늘립니다.</li></ul>',\n      'lt': '<p>Dabar panaudokite <code>align-items</code>, kad padėtumėte varlytėms nusigauti į tvenkinio apačią. Ši CSS komanda lygiuoja elementus vertikaliai ir reguoja į šias vertes:</p><ul><li><code>flex-start</code>: Elementai lygiuojami supančio elemento viršuje.</li><li><code>flex-end</code>: Elementai lygiuojami supančio elemento apačioje.</li><li><code>center</code>: Elementai lygiuojami vertikaliai supančio elemento viduryje.</li><li><code>baseline</code>: Elementai atvaizduojami palei apatinę supančio elemento liniją.</li><li><code>stretch</code>: Elementai yra ištempiami, kad užpildytų supantį elementą.</li></ul>',\n      'vi': '<p>Bây giờ sử dụng <code>align-items</code> để giúp những chú ếch đến đáy của ao. Từ thuộc tính CSS này sắp xếp những hạng mục theo chiều dọc và chấp nhận các giá trị sau:</p><ul><li><code>flex-start</code>: Các hạng mục sẽ được sắp xếp phía trên của hộp chứa.</li><li><code>flex-end</code>: Các hạng mục sẽ được sắp xếp phía dưới cùng của hộp chứa.</li><li><code>center</code>: Các hạng mục sẽ được sắp xếp ở giữa chính của hộp chứa.</li><li><code>baseline</code>: Các hạng mục sẽ được hiển thị ở đường cơ bản của hộp chứa.</li><li><code>stretch</code>: Các hạng mục sẽ được kéo dài để phù hợp với hộp chứa.</li></ul>',\n      'pl': '<p>A teraz przy pomocy <code>align-items</code> zaprowadź żabki na spód stawu. Ta właściwość CSS wyrównuje elementy w pionie i przyjmuje wartości:</p><ul><li><code>flex-start</code>: Elementy wyrównują się do górnej krawędzi kontenera.</li><li><code>flex-end</code>: Elementy wyrównują się do dolnej krawędzi kontenera.</li><li><code>center</code>: Elementy zostaną wyśrodkowane w pionie.</li><li><code>baseline</code>: Elementy zostaną wyświetlone na linii odniesienia kontenera.</li><li><code>stretch</code>: Elementy zostaną powiększone tak, aby wypełnić kontener.</li></ul>',\n      'cs': '<p>Použijte <code>align-items</code> tak, aby se žabky dostaly na spodní stranu rybníka. Tato CSS vlastnost zarovnává prvky svisle a nabývá hodnot:</p><ul><li><code>flex-start</code>: Zarovná prvky nahoru.</li><li><code>flex-end</code>: Zarovná prvky dolů.</li><li><code>center</code>: Zarovná prvky na střed kontejneru.</li><li><code>baseline</code>: Zarovná prvky na účaří.</li><li><code>stretch</code>: Roztáhne prvky tak, aby vyplnily kontejner.</li></ul>',\n      'ja': '<p>今度は<code>align-items</code>を使って池の下のほうへカエルを連れていきましょう。このCSSプロパティーはアイテムを垂直に並べ、以下の値をとります。</p><ul><li><code>flex-start</code>: アイテムはコンテナーの上部に並びます。</li><li><code>flex-end</code>: アイテムはコンテナーの下部に並びます。</li><li><code>center</code>: アイテムはコンテナーの垂直方向中央に並びます。</li><li><code>baseline</code>: アイテムはコンテナーのベースラインに表示されます。</li><li><code>stretch</code>: アイテムはコンテナーの大きさに合うよう広がります。</li></ul>',\n      'hu': '<p>Most használd az <code>align-items</code> tulajdonságot, ezzel hozzásegítve a békákat ahhoz, hogy a tavacska aljához jussanak. Ez a CSS tulajdonság az elemeket függőlegesen igazítja és a következő értékeket kaphatja: </p><ul><li><code>flex-start</code>: Az elemek a konténer tetejére igazodnak.</li><li><code>flex-end</code>: Az elemek a konténer aljára igazodnak.</li><li><code>center</code>: Az elemek a konténeren belül függőlegesen középre igazodnak.</li><li><code>baseline</code>: Az elemek a konténerben a szöveg alapvonalához igazodnak.</li><li><code>stretch</code>: Az elemek széthúzódnak, kifeszülnek, hogy kitöltsék a konténert.</li></ul>',\n      'eo': '<p>Nun uzu <code>align-items</code> por helpi la ranojn iri al la fundo de la lageto. Ĉi tiu CSS-a trajto vertikale vicigas elementojn kaj akceptas la sekvajn valorojn:</p><ul><li><code>flex-start</code>: Elementoj linias supren de la ujo.</li><li><code>flex-end</code>: Elementoj linias malsupren de la ujo.</li><li><code>center</code>: Elementoj linias je la vertikala centro de la ujo.</li><li><code>baseline</code>: Elementoj afiŝas je la bazlinio de la ujo.</li><li><code>stretch</code>: Elementoj streĉiĝas por ke ili laŭmezure kovru la ujon.</li></ul>',\n      'sv': '<p>Använd <code>align-items</code> för att hjälpa grodorna att ta sig längst ner i dammen. Detta attribut justerar dem vertikalt och accepterar följande värden:</p><ul><li><code>flex-start</code>: Objekt justeras till toppen av containern.</li><li><code>flex-end</code>: Objekt justeras till botten av containern.</li><li><code>center</code>: Objekt justeras till mitten av containern vertikalt.</li><li><code>baseline</code>: Objekt justeras till baslinjen i containern</li><li><code>stretch</code>: Objekt sträcks ut för att fylla containern.</li></ul>',\n      'uk': '<p>Скористайся <code>align-items</code> для допомоги жабенятам дістатися до нижньої частини ставка. Ця CSS властивість вирівнює елементи вертикально і може набувати таких значень:</p><ul><li><code>flex-start</code>: елементи вирівнюються за верхнім краєм контейнеру.</li><li><code>flex-end</code>: елементи вирівнюються за нижнім краєм контейнеру.</li><li><code>center</code>: елементи вирівнюються вертикально по середині контейнера.</li><li><code>baseline</code>: елементи буде розміщено на базовій лінії контейнера.</li><li><code>stretch</code>: елементи розтягуються заповнюючи контейнер.</li></ul>',\n      'hi': '<p>अब <code>align-items</code> की मदद से मेंढकों को तालाब की तलहटी तक पहुंचाइये। यह CSS प्रॉपर्टी वस्तुओं को लम्बाई में संरेखित करती है एवं निम्न मूल्यों का उपयोग करती है:</p><ul><li><code>flex-start</code>: यह वस्तुओं को कंटेनर के उपर संरेखित करता है।</li><li><code>flex-end</code>: यह वस्तुओं को कंटेनर के अंत में संरेखित करता है।</li><li><code>center</code>: यह वस्तुओं को कंटेनर की खड़ी केंद्र में संरेखित करता है।</li><li><code>baseline</code>: यह वस्तुओं को कंटेनर की आधार रेखा पर प्रदर्शित करता है।</li><li><code>stretch</code>: यह वस्तुओं को कंटेनर में फिट करने के लिए फैला देता है।</li></ul>',\n      'gj': '<p>હવે  <code>align-items</code> ની મદદ થી દેડકાઓને તળાવ ની તળિયે સુધી પહોંચાડો. આ CSS પ્રોપર્ટી આઇટમ્સને ઊભી રીતે ગોઠવે છે અને નીચેના મૂલ્યોને સ્વીકારે છે:</p><ul><li><code>flex-start</code>: આ itemsને કન્ટેનર ની ટોચ પાર ગોઠવે છે. </li><li><code>flex-end</code>: આ itemsને કન્ટેનર ના તળિયે ગોઠવે છે. </li><li><code>center</code>: આ items ને કન્ટેનર ની મધ્ય  માં  ગોઠવે છે.</li><li><code>baseline</code>: આ items ને કન્ટેનર ની બેસલાઈન  પાર ગોઠવે છે.</li><li><code>stretch</code>: આ items ને કન્ટેનર માં ફિટ કરવા માટે ફેલાવી દે છે .</li></ul>',\n      'sr': '<p>Сада користи <code>align-items</code> да помогнеш жабицама да дођу до дна барице. Ово CSS својство поравњава елементе вертикално и прихвата следеће вредности:</p><ul><li><code>flex-start</code>: Поравњава елементе у горњи део контејнера.</li><li><code>flex-end</code>: Поравњава елементе у доњи део контејнера.</li><li><code>center</code>: Поравњава елементе у вертикални центар контејнера.</li><li><code>baseline</code>: Елементи су приказани у линији са baseline (линијом текста) контејнера.</li><li><code>stretch</code>: Елементи су развучени да попуне контејнер.</li></ul>',\n      'bs': '<p>Sada koristi <code>align-items</code> da pomogneš žabicama da dođu do dna barice. Ovo CSS svojstvo poravnava elemente vertikalno i prihvata sledeće vrijednosti:</p><ul><li><code>flex-start</code>: Poravnava elemente u gornji deo kontejnera.</li><li><code>flex-end</code>: Poravnava elemente u donji deo kontejnera.</li><li><code>center</code>: Poravnava elemente u vertikalni centar kontejnera.</li><li><code>baseline</code>: Elementi su prikazani u liniji sa baseline (linijom teksta) kontejnera.</li><li><code>stretch</code>: Elementi su razvučeni da popune kontejner.</li></ul>',\n      'hr': '<p>Sada koristi <code>align-items</code> da pomogneš žabicama da dođu do dna barice. Ovo CSS svojstvo poravnava elemente vertikalno i prihvaća sljedeće vrijednosti:</p><ul><li><code>flex-start</code>: Poravnava elemente u gornji dio kontejnera.</li><li><code>flex-end</code>: Poravnava elemente u donji dio kontejnera.</li><li><code>center</code>: Poravnava elemente u vertikalni centar kontejnera.</li><li><code>baseline</code>: Elementi su prikazani u liniji sa baseline (linijom teksta) kontejnera.</li><li><code>stretch</code>: Elementi su razvučeni da popune kontejner.</li></ul>',\n      'nl': '<p>Maak nu gebruik van <code>align-items</code> om de kikkers naar de onderkant van de vijver te helpen. Deze CSS eigenschap lijnt elementen verticaal uit, en aanvaard de volgende waarden:</p><ul><li><code>flex-start</code>: Elementen worden uitgelijnd naar de bovenkant van de container.</li><li><code>flex-end</code>: Elementen worden uitgelijnd naar de onderkant van de container.</li><li><code>center</code>: Elementen worden uitgelijnd op het verticaal middelpunt van de container.</li><li><code>baseline</code>: Elementen worden uitgelijnd op de basislijn van de container.</li><li><code>stretch</code>: Elementen worden uitgerokken om binnen de container te passen.</li></ul>',\n      'ta': '<p>இப்பொழுது <code>align-items</code> உபயோகித்து, தவளைகள் குளத்தின் கீழ் பகுதிக்கு செல்ல உதவி செய்யவும்.  இந்த CSS property செங்குத்தாக பொருட்களை உபகரணங்களை சீரமைக்கும் மற்றும் பின்வரும் மதிப்புகளை ஏற்றுக்கொள்கிறது:</p><ul><li><code>flex-start</code>: Items மேற்புறமாக சீரமைக்கப்படும்.</li><li><code>flex-end</code>: Items கீழ்புறமாக சீரமைக்கப்படும்.</li><li><code>center</code>: Items செங்குத்து மத்தியத்தில்  சீரமைக்கப்படும்.</li><li><code>baseline</code>: Items, baseline பகுதியில் சீரமைக்கப்படும்.</li><li><code>stretch</code>: Items, container-ல் பொருந்தும் வண்ணம் நீட்டி சீரமைக்கப்படும்.</li></ul>',\n      'te': '<p>ఇప్పుడు కప్పలు చెరువు దిగువకు రావడానికి <code>align-items</code> ని ఉపయోగించండి. ఈ CSS ఆస్తి అంశాలను నిలువుగా సమలేఖనం చేస్తుంది మరియు ఈ క్రింది విలువలను అంగీకరిస్తుంది: </p><ul><li><code>flex-start</code>: వస్తువులు కంటైనర్ పైభాగానికి సమలేఖనం చేయబడతాయి. </li><li><code>flex-end</code>: వస్తువులు కంటైనర్ దిగువకు సమలేఖనం చేయబడతాయి. </li><li><code>center</code>: వస్తువులు కంటైనర్ యొక్క నిలువు మధ్యలో సమలేఖనం చేయబడతాయి.</li><li><code>baseline</code>: వస్తువులు కంటైనర్ యొక్క బేస్‌లైన్ వద్ద ప్రదర్శించబడతాయి.</li><li><code>stretch</code>: కంటైనర్‌కు సరిపోయేలా, వస్తువులు విస్తరిస్తాయి. </li></ul> ',\n      'ml': '<p><code>align-items</code> ഉപയോഗിച്ച് തവളകളെ തടാകത്തിന്റെ താഴേക്കു എത്തിക്കുക. ഈ CSS വസ്തു ലംബമായി ഇനങ്ങളെ വിന്യസിക്കുന്നു </p><ul><li><code>flex-start</code>: ഇനങ്ങൾ കണ്ടെയ്നർ മുകളിൽ വയ്ക്കുക.</li><li><code>flex-end</code>: ഇനങ്ങൾ കണ്ടെയ്നറിന് താഴെയായി വിന്യസിക്കുക.</li><li><code>center</code>: ഇനങ്ങൾ കണ്ടെയ്നറിന്റെ ലംബമായ കേന്ദ്രത്തിൽ വിന്യസിക്കുക.</li><li><code>baseline</code>: കണ്ടെയ്നറിന്റെ അടിസ്ഥാനത്തിൽ ഇനങ്ങൾ പ്രദർശിപ്പിക്കും.</li><li><code>stretch</code>: ഇനങ്ങൾ കണ്ടെയ്നറിൽ വയ്ക്കാൻ ഇട്ടു.</li></ul>',\n      'el': '<p>Τώρα χρησιμοποιήστε το <code>align-items</code> για να βοηθήσετε τους βατράχους να φτάσουν στο κάτω μέρος της λιμνούλας. Αυτή η ιδιότητα CSS ευθυγραμμίζει αντικείμενα στον κάθετο άξονα και αποδέχεται τις εξής αξίες:</p><ul><li><code>flex-start</code>: Τα αντικείμενα ευθυγραμμίζονται στο πάνω μέρος του container.</li><li><code>flex-end</code>: Τα αντικείμενα ευθυγραμμίζονται στο κάτω μέρος του container.</li><li><code>center</code>: Τα αντικείμενα ευθυγραμμίζονται στο κάθετο κέντρο του container.</li><li><code>baseline</code>: Τα αντικείμενα εμφανίζονται στην βασική γραμμή του container.</li><li><code>stretch</code>: Τα αντικείμενα τεντώνονται για να ταιριάξουν στο container.</li></ul>',\n      'mk': '<p>Сега користете <code>align-items</code> да им помогнете на жабите да стигнат до дното на езерцето. Ова CSS својство ги подредува елементите вертикално и ги прима следните вредности:</p><ul><li><code>flex-start</code>: Елементите се подредуваат по горниот крај на контејнерот.</li><li><code>flex-end</code>: Елементите се подредуваат по долниот крај на контејнерот.</li><li><code>center</code>: Елементите се подредуваат по вертикалниот центар на контејнерот.</li><li><code>baseline</code>: Елементите се подредуваат по основната линија на контејнерот.</li><li><code>stretch</code>: Елементите се истегнати за да го пополнат контејнерот.</li></ul>',\n      'lv': '<p>Lai vardulēnus novirzītu uz dīķa apakšu,tagad pamēģinie pielietot <code>align-items</code>. Šī CSS metode novieto elementus vertikāli un pieņem šādas vērtības:</p><ul><li><code>flex-start</code>: Elementi tiek novietoti konteinera augšpusē.</li><li><code>flex-end</code>: Elementi tiek novietoti konteinera apakšpusē.</li><li><code>center</code>: Elementi konteinerā tiek vertikāli iecentrēti.</li><li><code>baseline</code>: Elementi tiek novietoti konteinera bāzes līnijā.</li><li><code>stretch</code>: Elementi tiek izstiepti, lai atbilstu konteinera izmēriem.</li></ul>',\n      'id': '<p>Sekarang gunakan <code>align-items</code> untuk membantu ke dasar kolam. Properti CSS ini menyejajarkan objek secara vertikal dan menerima nilai-nilai berikut: </p><ul><li><code>flex-start</code>: Objek sejajar dengan bagian atas wadah. </li> <li> <code> flex-end </code>: Objek sejajar dengan bagian bawah wadah.</li><li><code>center</code>: Objek sejajar dengan bagian tengah wadah.</li><li><code>baseline</code>: Item ditampilkan di garis dasar wadah. </li> <li> <code> stretch </code>: Item diregangkan agar sesuai dengan wadah. </li> </ul> ',\n      'ar': '<p>الان استخدم <code>align-items</code> لمساعدة الضفادع للذهاب الى اسفل البركة. هذه الخاصية في CSS تحاذي العناصر عاموديا وتقبل القيم التالية:</p><ul><li><code>flex-start</code>: محاذاة العناصر الى اعلى الحاوية.</li><li><code>flex-end</code>: محاذاة العناصر الى اسفل الحاوية.</li><li><code>center</code>: محاذاة العناصر الى وسط الحاوية عاموديا.</li><li><code>baseline</code>: محاذاة العناصر على نفس الخط (Baseline) للحاوية.</li><li><code>stretch</code>: تمدد العناصر عاموديا لتملئ الحاوية.</li></ul>',\n      'ca': '<p>Ara utilitza <code>align-items</code> per ajudar a les granotes a arribar al fons de l\\'estany. Aquesta propietat CSS alinea elements verticalment i accepta els següents valors:</p><ul><li><code>flex-start</code>: Alinea elements a la part superior del contenidor.</li><li><code>flex-end</code>: Alinea elements a la part inferior del contenidor.</li><li><code>center</code>: Alinea elements al centre (verticalment) del contenidor.</li><li><code>baseline</code>: Mostra elements en la línia base del contenidor</li><li><code>stretch</code>: Elements s\\'estiren per ajustar-se al contenidor.</li></ul>',\n      'da': '<p>Brug nu <code>align-items</code> for at hjælpe frøerne ned til bunden af dammen. Denne CSS-egenskab justerer elementer lodret og kan tage følgende værdier:</p><ul><li><code>flex-start</code>: Elementer justeres til toppen af beholderen.</li><li><code>flex-end</code>: Elementer justeres til bunden af beholderen.</li><li><code>center</code>: Elementer justeres lodret til midten af beholderen.</li><li><code>baseline</code>: Elementer vises på beholderens grundlinje.</li><li><code>stretch</code>: Elementer strækkes så de passer i beholderen.</li></ul>',\n      'et': '<p>Nüüd kasuta <code>align-items</code>, et aidata konnadel jõuda tiigi alumisse osasse. See CSS omadus joondab elemendid vertikaalselt ja kasutab järgmisi väärtusi: </p><ul><li><code>flex-start</code>: joondab elemendid konteineri ülemisse osasse.</li><li><code>flex-end</code>: joondab elemendid konteineri alumisse osasse.</li><li><code>center</code>: joondab elemendid konteineri keskele</li><li><code>baseline</code>: Elemendid asuvad konteineri lähtekohas.</li><li><code>stretch</code>: Elemendid on välja venitatud, et kõik nad mahuksid konteinerisse.</li></ul>',\n      'fi': '<p>Nyt sinun on autettava sammakot lammen alareunaan käyttämällä ominaisuutta <code>align-items</code>, joka kohdistaa elementit pystysuunnassa. Voit antaa ominaisuudelle jonkin seuraavista arvoista:</p><ul><li><code>flex-start</code>: Elementit kohdistetaan säilön yläreunaan.</li><li><code>flex-end</code>: Elementit kohdistetaan säilön alareunaan.</li><li><code>center</code>: Elementit kohdistetaan pystysuuntaisesti säilön keskelle.</li><li><code>baseline</code>: Elementit kohdistetaan säilön perusviivalle.</li><li><code>stretch</code>: Elementit venytetään säilön koon mukaan.</li></ul>',\n      'gl': '<p>Agora tes que usar <code>align-items</code> para axudar ás rás a chegar ao fondo da poza. Esta propiedade CSS aliña os elementos verticalmente e acepta os seguintes valores:</p><ul><li><code>flex-start</code>: Os elementos alíñanse na parte superior do contedor.</li><li><code>flex-end</code>: Os elementos alíñanse na parte inferior do contedor.</li><li><code>center</code>: Os elementos alíñanse no centro vertical do contedor.</li><li><code>baseline</code>: Os elementos móstranse na liña base do contedor.</li><li><code>stretch</code>: Os elementos estíranse entre si para axustarse ao contedor.</li></ul>',\n      'th': '<p>จากนี้ ใช้คำสั่ง <code>align-items</code> เพื่อช่วยเจ้ากบทั้งหลายไปสู่ด้านล่างของสระน้ำ คุณสมบัติ CSS นี้จัดเรียง items ในแนวตั้ง และรับค่าดังต่อไปนี้:</p><ul><li><code>flex-start</code>: เรียง items ไปไว้ด้านบนของ container</li><li><code>flex-end</code>: เรียง items ไปไว้ด้านล่างของ container</li><li><code>center</code>: เรียง items ไปไว้ตรงกลางในแนวตั้งของ container</li><li><code>baseline</code>: แสดง items ที่แนวบรรทัดของ container</li><li><code>stretch</code>: items จะถูกดึงให้พอดีกับ container</li></ul>',\n      'mn': '<p>Одоо <code>align-items</code>-г ашиглан мэлхий цөөрмийн ёроолд хүрэхэд нь туслаарай. Энэ CSS проперти нь items-г босоо тэнхлэгийн дагуу байрлуулах ба дараах утгуудыг хүлээн зөвшөөрдөг:</p><ul><li><code>flex-start</code>: items-г контейнерын дээд талд байрлуулна.</li><li>< code>flex-end</code>: items-г контейнерын ёроолд  байрлуулна.</li><li><code>center</code>: items-г контейнерын босоо төвд байрлуулна.</li>< li><code>baseline</code>: items-г контейнерын суурь дээр харуулна.</li><li><code>stretch</code>: items-г контейнерт тааруулж сунгана.</li></ ul>',\n      'sk': '<p>Teraz použite <code>align-items</code>, aby ste pomohli žabám dostať sa na dno rybníka. Táto vlastnosť CSS zarovnáva položky vertikálne a akceptuje nasledujúce hodnoty:</p><ul><li><code>flex-start</code>: Položky zarovnajte do hornej časti kontajnera..</li><li><code>flex-end</code>: Položky sa zarovnajú na spodok kontajnera.</li><li><code>center</code>: Položky sa zarovnajú na vertikálny stred kontajnera.</li><li><code>baseline</code>: Položky sa zobrazujú na základnej osi kontajnera.</li><li><code>stretch</code>: Položky sú roztiahnuté tak, aby sa zmestili do kontajnera.</li></ul>',\n      'si': '<p>දැන් <code>align-items</code> භාවිතා කර මැඬියන්ට පොකුණේ පහළට එන්න උදව් කරන්න. මෙම CSS ගුණාංගය අයිතම සිරස් අතට පෙළගස්වන අතර පහත අගයන් පිළිගනී:</p><ul><li><code>flex-start</code>: අයිතම කන්ටේනරයේ උඩට පෙළගස්වයි.</li><li><code>flex-end</code>: අයිතම කන්ටේනරයේ යටට පෙළගස්වයි.</li><li><code>center</code>: අයිතම කන්ටේනරයේ සිරස් මැදට පෙළගස්වයි.</li><li><code>baseline</code>: අයිතම කන්ටේනරයේ baseline එකේ දිස්වේ.</li><li><code>stretch</code>: කන්ටේනරයට ගැලපෙන පරිදි අයිතම විශාල වෙයි.</li></ul>',\n      'np': 'p>अब भ्यागुतोलाई पोखरीको तलतिर पुर्‍याउन <code>align-items</code> प्रयोग गर्नुहोस्। यो CSS प्रोपर्टीले वस्तुहरूलाई ठाडो रूपमा राख्दछ र तलका मानहरू स्वीकार गर्दछ:</p> <ul> <li><code>flex-start</code>: वस्तुहरू कन्टेनरको माथि राख्न।</li> <li><code>flex-end</code>: वस्तुहरू कन्टेनरको तल राख्न।</li> <li><code>center</code>: वस्तुहरू कन्टेनरको ठाडो केन्द्रमा राख्न।</li> <li><code>baseline</code>: वस्तुहरू कन्टेनरको बेसलाइनमा राख्न।</li> <li><code>stretch</code>: वस्तुहरू कन्टेनरमा फिट हुन तन्काउन।</li> </ul>',\n      'my': '<p>ယခု <code>align-items</code> ကို အသုံးပြု၍ ငါးကန်ရေကန်၏ အောက်ခြေသို့ ငါးများကို ဦးတည်စေပါ။ CSS ပရော်ပတ်တီသည် အရာဝတ္ထုများကို တိုင်းတာသည့်အတိုင်း စီမံခန့်ခွဲပြီး အောက်ပါတန်ဖိုးများကို လက်ခံပါသည်။</p><ul><li><code>flex-start</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ အပေါ်ဘက်တွင် စီမံခန့်ခွဲသည်။</li><li><code>flex-end</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ အောက်ဘက်တွင် စီမံခန့်ခွဲသည်။</li><li><code>center</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ တိုင်းတာအလယ်ဗဟိုတွင် စီမံခန့်ခွဲသည်။</li><li><code>baseline</code>: အရာဝတ္ထုများကို ကွန်တိန်နာ၏ ဘေ့စ်လိုင်းတွင် ပြသသည်။</li><li><code>stretch</code>: ကွန်တိန်နာတွင် သင့်လျော်စေရန် အရာဝတ္ထုများကို တင်းကြပ်စေသည်။</li></ul>',\n      'yo': '<p>Nísinsin yìí lo <code>align-items</code> láti ràn àwọn ọ̀pọ̀lọ lọ́wọ́ kí wọ́n dé ìsàlẹ̀ adágún. Ìní CSS yìí ń ṣètò àwọn nǹkan ní inaro, ó sì ń gba àwọn iye wọ̀nyí:</p><ul><li><code>flex-start</code>: Àwọn nǹkan máa ṣètò sí òkè àgọ́lò.</li><li><code>flex-end</code>: Àwọn nǹkan máa ṣètò sí ìsàlẹ̀ àgọ́lò.</li><li><code>center</code>: Àwọn nǹkan máa ṣètò ní àárín inaro àgọ́lò.</li><li><code>baseline</code>: Àwọn nǹkan máa hàn lórí ìpele ìpìlẹ̀ àgọ́lò.</li><li><code>stretch</code>: Àwọn nǹkan máa yípo láti bà á mu pẹ̀lú ìwọn àgọ́lò.</li></ul>',\n      'no': '<p>Bruk nå <code>align-items</code> for å hjelpe froskene med å komme seg til bunnen av dammen. Denne CSS-egenskapen justerer elementer vertikalt og godtar følgende verdier:</p><ul><li><code>flex-start</code>: Elementer justeres etter toppen av beholderen.</li><li><code>flex-end</code>: Elementer justeres etter bunnen av beholderen.</li><li><code>center</code>: Elementer justeres i det vertikale sentrum av beholderen.</li><li><code>baseline</code>: Elementer vises ved grunnlinjen til beholderen.</li><li><code>stretch</code>: Elementer strekkes for å passe til beholderen.</li></ul>',\n    },\n    board: 'gyr',\n    style: { 'align-items': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-items 2',\n    instructions: {\n      'en': '<p>Lead the frog to the center of the pond using a combination of <code>justify-content</code> and <code>align-items</code>.</p>',\n      'bn': '<p><code>justify-content</code> এবং <code>align-items</code> একসাথে ব্যবহার করে ব্যাঙটিকে পুকুরের মাঝামাঝি অবস্থানে নিয়ে যান।</p>',\n      'af': '<p>Ly die padda na die middel van die dam met `n kombinasie van <code>justify-content</code> en <code>align-items</code>.</p>',\n      'he': '<p>הובילו את הצפרדע למרכז האגם על ידי שילוב של <code>justify-content</code> ושל <code>align-items</code>.</p>',\n      'ro': '<p>Îndrumă broasca către centrul lacului folosind o combinație de <code>justify-content</code> și <code>align-items</code>.</p>',\n      'bg': '<p>Заведи жабчето до центъра на езерото, използвайки комбинация от <code>justify-content</code> и <code>align-items</code>.</p>',\n      'de': '<p>Führe den Frosch zur Mitte des Teichs, indem du <code>justify-content</code> und <code>align-items</code> in kombinierst.</p>',\n      'pt-br': '<p>Leve o sapo ao centro da lagoa usando uma combinação de <code>justify-content</code> e <code>align-items</code>.</p>',\n      'es': '<p>Mueve la rana al centro del estanque, usando una combinación de <code>justify-content</code> y <code>align-items</code>.</p>',\n      'fr': '<p>Dirigez la grenouille au centre de l\\'étang en utilisant une combinaison de <code>justify-content</code> et <code>align-items</code>.</p>',\n      'ru': '<p>Направь лягушонка в центр пруда, используя <code>justify-content</code> и <code>align-items</code> вместе.</p>',\n      'fa': '<p>قورباغه را به وسط برکه هدایت کنید برای این کار از ترکیب خاصیت های <code>justify-content</code> و <code>align-items</code> استفاده کنید.</p>',\n      'zh-cn': '<p>使用<code>justify-content</code>和<code>align-items</code>的组合来指引青蛙们到池塘中央。</p>',\n      'zh-tw': '<p>使用<code>justify-content</code>和<code>align-items</code>的組合來指引青蛙們到池塘中央。</p>',\n      'tr': '<p>Kurbağayı <code>justify-content</code> ve <code>align-items</code> kurallarını kullanarak gölün ortasına yönlendirin.</p>',\n      'az': '<p>Qurbağanı <code>justify-content</code> və <code>align-items</code> qaydalarını istifadə edərək gölün ortasına yönləndirin.</p>',\n      'it': '<p>Dirigi la rana al centro dello stagno usando sia <code>justify-content</code> sia <code>align-items</code>.</p>',\n      'ko': '<p><code>justify-content</code>와 <code>align-items</code>를 함께 사용하여 개구리가 연못의 중앙으로 이동할 수 있도록 도와주세요.</p>',\n      'lt': '<p>Padėkite varlytei nusigauti į vidurį tvenkinio naudodami <code>justify-content</code> ir <code>align-items</code> kombinaciją.</p>',\n      'vi': '<p>Dẫn chú ếch đến trung tâm của ao bằng cách kết hợp <code>justify-content</code> và <code>align-items</code>.</p>',\n      'pl': '<p>Zaprowadź żabkę na środek stawu przy pomocy <code>justify-content</code> i <code>align-items</code>.</p>',\n      'cs': '<p>Dostaňte žabku doprostřed rybníka kombinací <code>justify-content</code> a <code>align-items</code>.</p>',\n      'ja': '<code>justify-content</code>と<code>align-items</code>の組み合わせを使って、カエルを池の中央へ連れていきましょう。',\n      'hu': '<p>Vezesd a békát a tavacska közepére, kombináld a <code>justify-content</code> és az <code>align-items</code> tulajdonságokat.</p>',\n      'eo': '<p>Konduku la ranon al la centro de la lageto uzante kombinon de <code>justify-content</code> kaj <code>align-items</code>.</p>',\n      'sv': '<p>Hjälp grodan till mitten genom att använda en kombination av <code>justify-content</code> och <code>align-items</code>.</p>',\n      'uk': '<p>Скеруй жабеня до центру ставка, використовуючи разом <code>justify-content</code> та <code>align-items</code>.</p>',\n      'hi': '<p><code>justify-content</code> एवं <code>align-items</code> का प्रयोग करते हुए मेंढक को तालाब के केंद्र तक पहुंचाइये।</p>',\n      'gj': '<p><code>justify-content</code> તેમજ  <code>align-items</code> નો ઉપયોગ કરીને દેડકાઓને તળાવના મધ્યમાં પહોંચાડો.  </p>',\n      'sr': '<p>Доведи жабицу у центар барице комбинујући <code>justify-content</code> и <code>align-items</code>.</p>',\n      'bs': '<p>Dovedi žabicu u centar barice kombinujući <code>justify-content</code> i <code>align-items</code>.</p>',\n      'hr': '<p>Dovedi žabicu u centar barice kombinirajući <code>justify-content</code> i <code>align-items</code>.</p>',\n      'nl': '<p>Leidt de kikkers naar het midden van de vijver via een combinatie van <code>justify-content</code> en <code>align-items</code>.</p>',\n      'ta': '<p><code>justify-content</code> மற்றும் <code>align-items</code> பயன்படுத்தி குளத்தின் மையத்தில் தவளை செல்ல வழி காட்டவும். <p>',\n      'te': '<p><code>justify-content</code> మరియు <code>align-items</code> కలయికను ఉపయోగించి కప్పను చెరువు మధ్యలోకి నడిపించండి. </ p>',\n      'ml': '<p><code>justify-content</code> and <code>align-items</code> ഉപയോഗിച്ച് കുളത്തിന്റെ നടുവിലേക്ക് തവളയെ നയിക്കുക.</p>',\n      'el': '<p>Οδηγήστε τον βάτραχο στο κέντρο της λιμνούλας χρησιμοποιώντας έναν συνδυασμό του <code>justify-content</code> και του <code>align-items</code>.</p>',\n      'mk': '<p>Доведете ја жабата до центарот на езерцето користејќи комбинација од <code>justify-content</code> и <code>align-items</code>.</p>',\n      'lv': '<p>Lietojot <code>justify-content</code> un <code>align-items</code>, nogādā vardulēnu uz dīķa vidu.</p>',\n      'id': '<p>Arahkan katak ke tengah kolam menggunakan kombinasi dari <code>justify-content</code> dan <code>align-items</code>.</p>',\n      'ar': '<p>وجه الضفدع الى وسط البركة باستخدام كل من <code>justify-content</code> و <code>align-items</code>.</p>',\n      'ca': '<p>Mou la granota al centre de l\\'estany, utilitzant una combinació de <code>justify-content</code> i <code>align-items</code>.</p>',\n      'da': '<p>Led frøen hen til midten af dammen med en kombination af <code>justify-content</code> og <code>align-items</code>.</p>',\n      'et': '<p>Juhi konn tiigi keskele kasutades kombinatsioone kahest järgmisest:<code>justify-content</code> ja <code>align-items</code>.</p>',\n      'fi': '<p>Opasta sammakko lammen keskelle käyttämällä ominaisuuksia <code>justify-content</code> ja <code>align-items</code> yhdessä.</p>',\n      'gl': '<p>Guía á rá ata o centro da poza combinando <code>justify-content</code> e <code>align-items</code>.</p>',\n      'th': '<p>พาเจ้ากบไปยังกลางสระ โดยใช้คำสั่งทั้ง <code>justify-content</code> และ <code>align-items</code> ร่วมกัน</p>',\n      'mn': '<p>Мэлхийг <code>justify-content</code> болон <code>align-items</code>-н хослолыг ашиглан цөөрмийн төв рүү хөтлөөрэй.</p>',\n      'sk': '<p>Priveďte žabu do stredu rybníka pomocou kombinácie <code>justify-content</code> a <code>align-items</code>.</p>',\n      'si': '<p><code>justify-content</code> සහ <code>align-items</code> හි සංයෝජනයක් භාවිතා කර මැඬියා පොකුණ මැදට ගෙන යන්න.</p>',\n      'np': '<p><code>justify-content</code> र <code>align-items</code> को संयोजन प्रयोग गरेर भ्यागुतोलाई पोखरीको केन्द्रमा पुर्‍याउनुहोस्।</p>',\n      'my': '<p>အခု <code>justify-content</code> နဲ့ <code>align-items</code> ကိုပေါင်းစပ်ပြီး ဗျာဂူကို ရေကန်ရဲ့အလယ်အလတ်ကို ဦးတည်ပါ။</p>',\n      'yo': '<p>Kọ́ àwọn ọ̀pọ̀lọ lọ sí àárín adágún pẹ̀lú apapọ̀ ti <code>justify-content</code> ati <code>align-items</code>.</p>',\n      'no': '<p>Led frosken til midten av dammen ved å bruke en kombinasjon av <code>justify-content</code> og <code>align-items</code>.</p>',\n    },\n    board: 'g',\n    style: { 'justify-content': 'center', 'align-items': 'center' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-items 3',\n    instructions: {\n      'en': '<p>The frogs need to cross the pond again, this time for some lilypads with plenty of space around them. Use a combination of <code>justify-content</code> and <code>align-items</code>.</p>',\n      'bn': '<p>ব্যাঙগুলোকে আবার পুকুর পার করতে হবে, এইবার কিছু পদ্ম-পাতার জন্য যার আশেপাশে অনেক যায়গা আছে। <code>justify-content</code> এবং <code>align-items</code> এর কম্বিনেশন ব্যবহার করুন।</p>',\n      'af': '<p>Die paddas moet weereens die dam kruis, hierdie keur vir waterlelies met veel spasie om hulle. Gebruik `n kombinasie van <code>justify-content</code> en <code>align-items</code>.</p>',\n      'he': '<p>הצפרדעים שוב צריכות לחצות את האגם, הפעם העלים עם הרבה מרווחים בינהם. השתמשו בשילוב של <code>justify-content</code> ושל <code>align-items</code>.</p>',\n      'ro': '<p>Broaștele trebuie să treacă lacul din nou, de această dată unii nuferi au mult spațiu în jurul lor. Folosește o combinație de <code>justify-content</code> și <code>align-items</code>.</p>',\n      'bg': '<p>Жабчетата трябва да преминат през езерото отново, този път до листа с доста разстояние около себе си. Използвай комбинация от <code>justify-content</code> и <code>align-items</code>.</p>',\n      'de': '<p>Die Frösche müssen den Teich erneut überqueren. Dieses Mal haben die Seerosenblätter eine ganze Menge Abstand zueinander. Kombiniere <code>justify-content</code> und <code>align-items</code>.</p>',\n      'pt-br': '<p>Os sapos precisam atravessar a lagoa de novo, desta vez para algumas vitórias-régias com bastante espaço em torno delas. Use uma combinação de <code>justify-content</code> e <code>align-items</code>.</p>',\n      'es': '<p>Nuevamente, las ranas necesitan cruzar el estanque. En esta oportunidad, las hojas de lirio tienen mucho espacio alrededor de ellas. Debes usar una combinación de <code>justify-content</code> y <code>align-items</code>.</p>',\n      'fr': '<p>Les grenouilles doivent encore traverser l\\'étang. Cette fois-ci, les nénuphars ont beaucoup d\\'espace autour d\\'eux. Utilisez une combinaison de <code>justify-content</code> et <code>align-items</code>.</p>',\n      'ru': '<p>Лягушатам снова нужно пересечь пруд. В этот раз к лилиям, с достаточно большим пространством вокруг них. Используй комбинацию <code>justify-content</code> и <code>align-items</code>.</p>',\n      'fa': '<p>قروباغه ها نیاز دارند که به انتهای برکه برسند, دقت داشته باشید که فضای خالی اطراف نیلوفر های آبی وجود دارد. برای این کار از خاصیت های <code>justify-content</code> و <code>align-items</code> استفاده کنید.</p>',\n      'zh-cn': '<p>这些青蛙又需要穿过池塘了。这次有些荷叶周围有充足的距离。用<code>justify-content</code>和<code>align-items</code>的组合。</p>',\n      'zh-tw': '<p>這些青蛙又需要穿過池塘了。這次有些荷葉周圍有充足的距離。用<code>justify-content</code>和<code>align-items</code>的組合。</p>',\n      'tr': '<p>Kurbağaların, bu serfer etraflarında bolca boş alan olan nilüfer yapraklarına ulaşmaları için tekrar gölü geçmeleri gerekiyor. <code>justify-content</code> ve <code>align-items</code> kombinasyonunu kullanın.</p>',\n      'az': '<p>Qurbağaların, bu səfər ətraflarında bol şəkildə boş sahə olan zanbaq yarpaqlarına çatmaqları üçün təkrarən gölü keçməlidirlər. <code>justify-content</code> və <code>align-items</code> kombinasiyasını istifadə edin.</p>',\n      'it': '<p>Le rane devono di nuovo attraversare lo stagno. Questa volta le ninfee hanno parecchio spazio attorno ad esse. Usa sia <code>justify-content</code> sia <code>align-items</code>.</p>',\n      'ko': '<p>개구리들이 연못을 다시 건너려고 하는데, 수련잎 주위에 간격이 있습니다. <code>justify-content</code>와 <code>align-items</code>를 함께 사용하세요.</p>',\n      'lt': '<p>Varlytėms vėl reikia persikelti į kitą tvenkinio vietą, šį kartą ant lelijos lapų, aplink kuriuos yra pakankamai vietos. Naudokite <code>justify-content</code> ir <code>align-items</code> kombinaciją.</p>',\n      'vi': '<p>Những chú ếch cần phải qua ao một lần nữa, lần này các lá bông súng có nhiều không gian xung quanh chúng. Kết hợp <code>justify-content</code> và <code>align-items</code>.</p>',\n      'pl': '<p>Żabki znowu muszą przejść na drugą stronę stawu. Tym razem muszą znaleźć się na listkach, które mają dużo miejsca wokół siebie. Skorzystaj z kombinacji <code>justify-content</code> i <code>align-items</code>.</p>',\n      'cs': '<p>Žabky znovu potřebují na spodek rybníka, teď jsou však mezi lekníny velké mezery. Použijte kombinaci vlastností <code>justify-content</code> a <code>align-items</code>.</p>',\n      'ja': '<p>再びカエルが池を渡ろうとしています。今度の蓮の葉はずいぶん間隔が空いているようですね。<code>justify-content</code>と<code>align-items</code>の組み合わせを使いましょう。</p>',\n      'hu': '<p>A békáknak ismét át kell szelniük a tavat, ezúttal néhány tündérrózsáért, melyek között meglehetősen sok az üres tér. Használd a <code>justify-content</code> és az <code>align-items</code> kombinációját.</p>',\n      'eo': '<p>La ranoj bezonas de nove transiri la lageton, ĉifoje por atingi nimfeofoliojn kun sufiĉe da spaco ĉirkaŭ ili. Uzante kombinon de <code>justify-content</code> kaj <code>align-items</code>.</p>',\n      'sv': '<p>Grodorna behöver korsa dammen igen och denna gång är blombladen långt ifrån varandra. Använd en kombination av <code>justify-content</code> och <code>align-items</code>.</p>',\n      'uk': '<p>Жабенята знову мають перетнути ставок, цього разу навколо листя латаття є чималий простір. Поєднай разом <code>justify-content</code> та <code>align-items</code>, щоб досягти результату.</p>',\n      'hi': '<p>मेंढकों को पुनः तालाब पार करना है, इस समय लिली के पत्तों के मध्य काफी जगह मोजूद है। <code>justify-content</code> एवं <code>align-items</code> का प्रयोग कीजिये।</p>',\n      'gj': '<p>દેડકાઓને ફરીથી તળાવ પાર કરવાની જરૂર છે, આ વખતે તેમની આસપાસ પુષ્કળ જગ્યા ધરાવતા કેટલાક લીલીપેડ માટે <code>justify-content</code> તેમજ  <code>align-items</code> નો ઉપયોગ કરો. </p>',\n      'sr': '<p>Жабице опет треба да пређу барицу, овог пута до локвања око којих има много простора. Комбинуј <code>justify-content</code> и <code>align-items</code>.</p>',\n      'bs': '<p>Žabice opet treba da pređu baricu, ovog puta do lista oko kojih ima mnogo prostora. Kombinuj <code>justify-content</code> i <code>align-items</code>.</p>',\n      'hr': '<p>Žabice opet trebaju prijeći baricu, ovog puta do listova oko kojih ima mnogo prostora. Kombiniraj <code>justify-content</code> i <code>align-items</code>.</p>',\n      'nl': '<p>De kikkers moeten de vijver weer oversteken, deze keer is er veel plek rond hun lelieblaadjes. Maak gebruik van een combinatie van <code>justify-content</code> en <code>align-items</code>.</p>',\n      'ta': '<p>தவளைகள் மீண்டும் குளம் கடக்க வேண்டும், இம்முறை இலைகளை சுற்றி நிறைய வெற்றிடம் உள்ளது. <code>justify-content</code> மற்றும் <code>align-items</code> பயன்படுத்தி  தவளைகளுக்கு  வழி காட்டவும். <p>',\n      'te': '<p>కప్పలు మళ్ళీ చెరువును దాటాలి, ఈ సమయంలో కొన్ని లిల్లీప్యాడ్ల చుట్టూ చాలా స్థలం ఉంది. <code>justify-content</code> మరియు <code>align-items</code> కలయికను ఉపయోగించడం. </p> ',\n      'ml': '<p><code>justify-content</code> and <code>align-items</code> ഉപയോഗിച്ച്  തവളകൾ വീണ്ടും കുളത്തിനടുത്ത് വേണം, ഈ സമയം ചില താമരപ്പൂക്കൾ അവർക്ക് ചുറ്റും ധാരാളം സ്ഥലങ്ങളുണ്ട്.</p>',\n      'el': '<p>Οι βάτραχοι χρειάζεται να διασχίσουν ξανά την λιμνούλα, αυτή την φορά για να φτάσουν σε μερικά νούφαρα με άπλετο διάστημα τριγύρω τους. Χρησιμοποιήστε έναν συνδυασμό του <code>justify-content</code> και του <code>align-items</code>.</p>',\n      'mk': '<p>Жабите треба да го поминат езерцето повторно, овој пат до листови со многу простор околу нив. Користејќи комбинација од <code>justify-content</code> и <code>align-items</code>.</p>',\n      'lv': '<p>Vardulēniem atkal ir jāšķērso dīķis, šoreiz ir jānokļūst pie ūdensrozēm ap kurām ir plašs apkārtesošais laukums. Lietojo <code>justify-content</code> un <code>align-items</code>, un palīdzi viņiem to izdarīt.</p>',\n      'id': '<p>Katak harus menyeberangi kolam lagi, kali ini untuk beberapa lilypad dengan banyak ruang di sekitar mereka. Menggunakan kombinasi <code>justify-content</code> and <code>align-items</code>.</p>',\n      'ar': '<p>تحتاج الضفادع لعبور البركة مرة اخرى, هناك فراغات كثيرة حول اوراق الزنبق. استخدم كل من <code>justify-content</code> و <code>align-items</code>.</p>',\n      'ca': '<p>De nou, les granotes necessiten creuar l\\'estany. Aquest cop, els nenúfars tenen molt espai al seu voltant. Has d\\'utilitzar una combinació de <code>justify-content</code> i <code>align-items</code>.</p>',\n      'da': '<p>Frøerne skal krydse dammen igen, og denne gang vil de hen til nogle åkander med rigelig plads omkring sig. Brug en kombination af <code>justify-content</code> og <code>align-items</code>.</p>',\n      'et': '<p>Konnad peavad taaskord üle tiigi saama, see kord on mõnedel vesiroosilehtede ümber vaba ruumi. Kasutage koos <code>justify-content</code> ja <code>align-items</code>.</p>',\n      'fi': '<p>Sammakoiden täytyy taas päästä lammen halki, tällä kertaa kaukana toisistaan olevien lumpeenlehtien luo. Määritä ominaisuudet <code>justify-content</code> ja <code>align-items</code> yhdessä.</p>',\n      'gl': '<p>As rás teñen que volver cruzar a poza, esta vez para chegar a uns nenúfares con moito espazo entre eles. Emprega unha combinación de <code>justify-content</code> e <code>align-items</code>.</p>',\n      'th': '<p>เจ้ากบต้องข้ามสระน้ำอีกครั้ง, คราวนี้บางใบบัวมีพื้นที่รอบๆค่อนข้างมาก ใช้คำสั่ง <code>justify-content</code> คู่กับ <code>align-items</code></p>',\n      'mn': '<p>Мэлхийнүүд энэ удаад эргэн тойрондоо хангалттай зайтай сараана цэцэгсийн төлөө дахин цөөрмийг гатлах хэрэгтэй. <code>justify-content</code> болон <code>align-items</code>-н хослолыг ашиглана уу.</p>',\n      'sk': '<p>Žabky musia opäť prejsť cez rybník, tentoraz za ľaliovkami, okolo ktorých je dostatok priestoru. Použite kombináciu  <code>justify-content</code> a <code>align-items</code>.</p>',\n      'si': '<p>මැඬියන්ට නැවත පොකුණ තරණය කිරීමට අවශ්‍ය වේ. මෙවර නෙළුම් කොළ වටා ඕනෑ තරම් ඉඩ ඇත. <code>justify-content</code> සහ <code>align-items</code> හි සංයෝජනයක් භාවිතා කරන්න.</p>',\n      'np': '<p>भ्यागुतोलाई फेरि पोखरी पार गर्न आवश्यक छ, यस पटक लिलीप्याडको चारैतिर धेरै ठाँउ छ। <code>justify-content</code> र <code>align-items</code> को संयोजन प्रयोग गर्नुहोस्।</p>',\n      'my': '<p>ကွင်းဆက်များအတွက် အခန်းအနားများရှိသော လိပ်ပြာများကို ပြန်လည်ဖြတ်သန်းရန် ဗျာဂူများကို ပြန်လည်ဖြတ်သန်းရန် လိုအပ်သည်။ <code>justify-content</code> နှင့် <code>align-items</code> ကို ပေါင်းစပ်၍ အသုံးပြုပါ။</p>',\n      'yo': '<p>Àwọn ọ̀pọ̀lọ nílò láti kọjá adágún lẹ́ẹ̀kansi, ìgbà yìí sí fún àwọn ewé ọdàn wọn tí ó ní àyè púpọ̀ yí ká wọn. Lo apapọ̀ ti <code>justify-content</code> àti <code>align-items</code>.</p>',\n      'no': '<p>Froskene må krysse dammen igjen, denne gangen for å få noen vannliljer med god plass rundt dem. Bruk en kombinasjon av <code>justify-content</code> og <code>align-items</code>.</p>',\n    },\n    board: 'gyr',\n    style: { 'justify-content': 'space-around', 'align-items': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-direction 1',\n    instructions: {\n      'en': '<p>The frogs need to get in the same order as their lilypads using <code>flex-direction</code>. This CSS property defines the direction items are placed in the container, and accepts the following values:</p><ul><li><code>row</code>: Items are placed the same as the text direction.</li><li><code>row-reverse</code>: Items are placed opposite to the text direction.</li><li><code>column</code>: Items are placed top to bottom.</li><li><code>column-reverse</code>: Items are placed bottom to top.</li></ul>',\n      'bn': '<p>ব্যাঙগুলোকে <code>flex-direction</code> ব্যবহার করে তাদের পদ্ম-পাতার মতো একই ক্রমে যেতে হবে। এই CSS property item গুলো container এ কিভাবে বসেছে তা নির্ধারন করে, এবং এই মান গুলো (values) গ্রহণ করেঃ</p>472',\n      'af': '<p>Met die gebruik van <code>flex-direction</code> moet die paddas in die selfde orde as hulle waterlelies kom. Hierdie eienskap bepaal die direksie wat items in die houer geplaas is, en aanvaar die volgende waardes:</p><ul><li><code>row</code>: Items is die selfde direksie geplaas as die teks.</li><li><code>row-reverse</code>: Items direksie is die teenoorgestelde van die teks.</li><li><code>column</code>: Items van bo na onder geplaas.</li><li><code>column-reverse</code>: Items van onder na bo geplaas.</li></ul>',\n      'he': '<p>הצפרדעים צריכות להגיע באותו סדר לעלים שלהן בשימוש ב-<code>flex-direction</code>. התכונת CSS הזו מגדירה את כיוון הסידור של הפריטים בקונטיינר,ומקבלת את הערכים הבאים:</p><ul><li><code>row</code>: פריטים מסודרים כמו בכיוון שהוגדר לטקסט.</li><li><code>row-reverse</code>: פריטים מסודרים ההפך מהכיוון שהוגדר לטקסט.</li><li><code>column</code>: פריטים מסודרים מלמעלה למטה (בעמודה).</li><li><code>column-reverse</code>: פריטים מסודרים מלמטה למעלה (בעמודה).</li></ul>',\n      'ro': '<p>Broaștele trebuie să ajungă în aceeași ordine ca nuferii folosind <code>flex-direction</code>. Această proprietate CSS definește direcția în care sunt așezate elementele în container și acceptă următoarele valori:</p><ul><li><code>row</code>: Elementele sunt așezate la fel ca direcția textului.</li><li><code>row-reverse</code>: Elementele sunt așezate opus față de direcția textului.</li><li><code>column</code>: Elementele sunt așezate de sus în jos.</li><li><code>column-reverse</code>: Elementele sunt așezate de jos în sus.</li></ul>',\n      'bg': '<p>Жабчетата трябва да се подредят по същия начин както техните листа, използвайки <code>flex-direction</code>. Това CSS свойство определя посоката, в която са разположени елементите в контейнера и приема следните стойности: </p><ul><li><code>row</code>: Елементите са разположени по посока на текста.</li><li><code>row-reverse</code>: Елементите са разположени обратно на посоката на текста.</li><li><code>column</code>: Елементите са разположени от горе надолу.</li><li><code>column-reverse</code>: Елементите са разположени от долу нагоре.</li></ul>',\n      'de': '<p>Die Frösche müssen mit Hilfe von <code>flex-direction</code> in die Reihenfolge der Seerosenblätter gebracht werden. Diese CSS-Eigenschaft legt die Ausrichtung der Elemente in einem Container fest und akzeptiert die folgenden Werte:</p><ul><li><code>row</code>: Elemente in Textrichtung ausrichten.</li><li><code>row-reverse</code>: Elemente entgegen der Textrichtung ausrichten.</li><li><code>column</code>: Elemente von oben nach unten ausrichten.</li><li><code>column-reverse</code>: Elemente von unten nach oben ausrichten.</li></ul>',\n      'pt-br': '<p>Os sapos precisam ficar na mesma ordem das vitórias-régias usando <code>flex-direction</code>. Esta propriedade CSS define a direção em que os itens são posicionados no container e aceita os seguintes valores:</p><ul><li><code>row</code>: Itens são posicionados na mesma direção do texto.</li><li><code>row-reverse</code>: Itens são posicionados na direção oposta à do texto.</li><li><code>column</code>: Itens são posicionados de cima para baixo.</li><li><code>column-reverse</code>: Itens são posicionados de baixo para cima.</li></ul>',\n      'es': '<p>Las ranas necesitan ponerse en el mismo orden que sus hojas de lirio usando <code>flex-direction</code>. Esta propiedad CSS define la dirección de los elementos en el contenedor, y acepta los siguientes valores:</p><ul><li><code>row</code>: Elementos son colocados en la misma dirección del texto.</li><li><code>row-reverse</code>: Elementos son colocados en la dirección opuesta al texto.</li><li><code>column</code>: Elementos se colocan de arriba hacia abajo.</li><li><code>column-reverse</code>: Elementos se colocan de abajo hacia arriba.</li></ul>',\n      'fr': '<p>Les grenouilles doivent se rendre dans le même ordre que leurs nénuphars en utilisant <code>flex-direction</code>. Cette propriété CSS définit la direction dans laquelle les éléments sont placés dans le conteneur, et accepte les valeurs suivantes&nbsp;:</p><ul><li><code>row</code>&nbsp;: Les éléments sont disposés dans la même direction que le texte.</li><li><code>row-reverse</code>&nbsp;: Les éléments sont disposés dans la direction opposée au texte.</li><li><code>column</code>&nbsp;: Les éléments sont disposés de haut en bas.</li><li><code>column-reverse</code>&nbsp;: Les éléments sont disposés de bas en haut.</li></ul>',\n      'ru': '<p>Лягушатам нужно выстроиться в том же порядке, что и лилии, используя <code>flex-direction</code>. Это свойство CSS задает направление, в котором будут расположены элементы в контейнере, и принимает следующие значения:</p><ul><li><code>row</code>: элементы размещаются по направлению текста.</li><li><code>row-reverse</code>: элементы отображаются в обратном порядке к направлению текста.</li><li><code>column</code>: элементы располагаются сверху вниз.</li><li><code>column-reverse</code>: элементы располагаются снизу вверх.</li></ul>',\n      'fa': '<p>قورباغه ها نیاز دارند که روی نیلوفرهای آبی خود قرار بگیرند پس با استفاده از <code>flex-direction</code> این کار را انجام دهید. این خاصیت جهت ایتم ها را تعیین می کند و مقادیر زیر را می پذیرد:</p><ul><li><code>row</code>: این مقدار برای چیدمان افقی آیتم ها به کار میرود.</li><li><code>row-reverse</code>: این خاصیت مانند خاصیت قبل است با این تفاوت که مکان آیتم ها برعکس می شود.</li><li><code>column</code>: این مقدار برای چیدمان عمودی آیتم ها به کار میرود.</li><li><code>column-reverse</code>: این خاصیت مانند خاصیت قبل است با این تفاوت که مکان آیتم ها برعکس می شود.</li></ul>',\n      'zh-cn': '<p>青蛙们需要和他们的荷叶保持对应的顺序。我们可以用<code>flex-direction</code>属性。这个CSS属性定义了元素在容器里摆放的方向，并且接受这些值：</p><ul><li><code>row</code>: 元素摆放的方向和文字方向一致。</li><li><code>row-reverse</code>: 元素摆放的方向和文字方向相反。</li><li><code>column</code>: 元素从上放到下。</li><li><code>column-reverse</code>: 元素从下放到上。</li></ul>',\n      'zh-tw': '<p>青蛙們需要和他們的荷葉保持對應的順序。我們可以用<code>flex-direction</code>屬性。這個CSS屬性定義了元素在容器裏擺放的方向，並且接受這些值：</p><ul><li><code>row</code>: 元素擺放的方向和文字方向一致。</li><li><code>row-reverse</code>: 元素擺放的方向和文字的方向相反。</li><li><code>column</code>: 元素從上放到下。</li><li><code>column-reverse</code>: 元素從下放到上。</li></ul>',\n      'tr': '<p>Kurbağalar, kendi nilüfer yaprakları ile aynı sırada olmalılar. <code>flex-direction</code> kuralını kullanın. Bu CSS kuralı öğelerin hangi yönde yerleştireleceğini belirler ve şu değerleri alır:</p><ul><li><code>row</code>: Öğeler yazı yönü ile aynı yönde yerleştirilir.</li><li><code>row-reverse</code>: Öğeler yazı yönünün tersi yönünde yerleştirilir.</li><li><code>column</code>: Öğeler yukarıdan aşağıya doğru yerleştirilir.</li><li><code>column-reverse</code>: Öğeler aşağıdan yukarıya doğru yerleştirilir.</li></ul>',\n      'az': '<p>Qurbağalar, öz zanbaq yarpağları ilə eyni sırada olmalıdırlar. <code>flex-direction</code> qaydasını istifadə edin. Bu CSS qaydası elementlərin hansı istiqamətdə yerləşdiriləcəyini təyin edir və bu dəyərləri alır:</p><ul><li><code>row</code>: Elementlər yazı yönü ilə eyni istiqamətdə yerləşdirilir.</li><li><code>row-reverse</code>: Elementlər yazı yönünün tərsi yönündə yerləşdirilir.</li><li><code>column</code>: Elementlər yuxarıdan aşağıya doğru yerləşdirilir.</li><li><code>column-reverse</code>: Elementlər aşağıdan yuxarıya doğru yerləşdirilir.</li></ul>',\n      'it': '<p>Le rane devo posizionarsi nello stesso ordine delle ninfee usando la proprietà <code>flex-direction</code>. Questa proprietà definisce la direzione in cui gli elementi verranno posizionati nel contenitore e accetta i seguenti valori:</p><ul><li><code>row</code>: Gli elementi sono posizionati nella stessa direzione del testo.</li><li><code>row-reverse</code>: Gli elementi sono posizionati nella direzione opposta al testo.</li><li><code>column</code>: Gli elementi sono posizionati dall\\'alto verso il basso.</li><li><code>column-reverse</code>: Gli elementi sono posizionati dal basso verso l\\'alto.</li></ul>',\n      'ko': '<p>개구리들이 자기 색깔과 같은 수련잎 위로 이동할 수 있도록 도와주세요. 이번에는 <code>flex-direction</code>을 사용하세요. 이 CSS 속성은 다음의 값들을 인자로 받아 컨테이너 안에서 요소들이 정렬해야 할 방향을 지정합니다:</p><ul><li><code>row</code>: 요소들을 텍스트의 방향과 동일하게 정렬합니다.</li><li><code>row-reverse</code>: 요소들을 텍스트의 반대 방향으로 정렬합니다.</li><li><code>column</code>: 요소들을 위에서 아래로 정렬합니다.</li><li><code>column-reverse</code>: 요소들을 아래에서 위로 정렬합니다.</li></ul>',\n      'lt': '<p>Varlytėms, naudojant <code>flex-direction</code>, reikia išsirikiuoti lygiai taip, kaip išrikiuoti jų lelijos lapai. Ši CSS komanda nusako kryptį, pagal kurią elementai yra sudėliojami supančio elemento viduje ir reaguoja į šias vertes:</p><ul><li><code>row</code>: Elementai yra rikiuojami teksto skaitymo kryptimi.</li><li><code>row-reverse</code>: Elementai yra rikiuojami atvirkščiai teksto skaitymo krypties.</li><li><code>column</code>: Elementai yra rikiuojami iš viršaus į apačią.</li><li><code>column-reverse</code>: Elementai yra rikiuojami iš apačios į viršų.</li></ul>',\n      'vi': '<p>Những chú ếch cần phải đến với các lá bông súng cùng màu của chúng bằng cách sử dụng <code>flex-direction</code>. Từ thuộc tính CSS này xác định hướng hạng mục được đặt trong hộp chứa, và chấp nhận các giá trị sau:</p><ul><li><code>row</code>: Các hạng mục được đặt cùng hướng với hướng của từ trong văn bản.</li><li><code>row-reverse</code>: Các hạng mục được đặt ngược hướng với hướng của từ trong văn bản.</li><li><code>column</code>: Các hạng mục được đặt từ trên xuống dưới.</li><li><code>column-reverse</code>: Các hạng mục được đặt từ dưới lên trên.</li></ul>',\n      'pl': '<p>Żabki muszą znaleźć się w tej samej kolejności co ich listki, pomoże im w tym właściwość <code>flex-direction</code>. Określa ona kierunek w jakim elementy są rozmieszczone w kontenerze i przyjmuje wartości:</p><ul><li><code>row</code>: Elementy zostaną rozmieszczone tak jak tekst.</li><li><code>row-reverse</code>: Elementy zostaną rozmieszczone odwrotnie do kierunku tekstu.</li><li><code>column</code>: Elementy zostaną rozmieszczone od góry do dołu.</li><li><code>column-reverse</code>: Elementy zostaną rozmieszczone od dołu do góry.</li></ul>',\n      'cs': '<p>Žabky se potřebují dostat na lekníny své barvy, pomůže jim vlastnost <code>flex-direction</code>. Tato vlastnost určuje směr, kterým jsou prvky rozmístěny v kontejneru, a akceptuje následující hodnoty:</p><ul><li><code>row</code>: Řádky ve směru textu.</li><li><code>row-reverse</code>: Řádky proti směru textu.</li><li><code>column</code>: Sloupce shora dolů.</li><li><code>column-reverse</code>: Sloupce zdola nahoru.</li></ul>',\n      'ja': '<p><code>flex-direction</code>を使って、カエルたちをそれぞれの蓮の葉に乗せましょう。このCSSプロパティーはコンテナー内でアイテムが配置される方向を決定します。また以下の値を取ります。</p><ul><li><code>row</code>: アイテムは文章と同じ方向に配置されます。</li><li><code>row-reverse</code>: アイテムは文章と逆の方向に配置されます。</li><li><code>column</code>: アイテムは上から下に向かって配置されます。</li><li><code>column-reverse</code>: アイテムは下から上に向かって配置されます。</li></ul>',\n      'hu': '<p>A békáknak ugyanolyan sorrendbe kell rendeződniük, mint a tündérrózsáik, méghozzá a <code>flex-direction</code> tulajdonság használatával. Ez a CSS tulajdonság definiálja az irányzékot, amely mentén az elemek a konténerbe vannak helyezve, a következő értékek segítségével:</p><ul><li><code>row</code>: Az elemek a szöveg irányával megegyezően helyezkednek el.</li><li><code>row-reverse</code>: Az elemek a szöveg irányával ellentétes sorrendben helyezkednek el.</li><li><code>column</code>: Az elemek fentről lefelé rendeződnek.</li><li><code>column-reverse</code>: Az elemek lentről felfelé rendeződnek.</li></ul>',\n      'eo': '<p>La ranoj bezonas esti en la sama ordo kiel iliaj avkolilifolioj pere de <code>flex-direction</code>. Tiu ĉi CSS-a trajto difinas la direkton ke elementoj estas metataj en la ujon, kaj akceptas la sekvajn valorojn:</p><ul><li><code>row</code>: Elementoj estas metataj samkiel la teksta direkto.</li><li><code>row-reverse</code>: Elementoj metiĝas male al la teksta direkto.</li><li><code>column</code>: Elementoj metatas supre malsupren.</li><li><code>column-reverse</code>: Elementoj metatas malsupre supren.</li></ul>',\n      'sv': '<p>Grodorna behöver ställa sig i samma ordning som blombladen genom att använda <code>flex-direction</code>. Detta attribut definerar vilket håll objekten är placerade i inuti containern och accepterar följande värden:</p><ul><li><code>row</code>: Objekten är placerade åt samma håll som vanlig text.</li><li><code>row-reverse</code>: Objekten är placerade åt motsat håll som vanlig text.</li><li><code>column</code>: Objekten är placerade uppifrån och ner.</li><li><code>column-reverse</code>: Objekten är placerade nerifrån och upp.</li></ul>',\n      'uk': '<p>Жабенята мають бути в тому ж порядку що і їх листя латаття. Використовуй <code>flex-direction</code> - ця CSS властивість визначає напрямок елементів в контейнері та може набувати наступних значень:</p><ul><li><code>row</code>: елементи розташовані так само, як напрямок тексту.</li><li><code>row-reverse</code>: елементи розташовані протилежно напрямку тексту.</li><li><code>column</code>: елементи розташовані з гори до низу.</li><li><code>column-reverse</code>: елементи розташовані з низу до гори.</li></ul>',\n      'hi': '<p><code>flex-direction</code> की मदद से मेंढकों को लिली के पत्तों को समान क्रम में लाइए। यह CSS प्रॉपर्टी कंटेनर के अन्दर किसी वस्तु की दिशा निर्धारित करती है, एवं निम्न मान स्वीकार करती है:</p><ul><li><code>row</code>: वस्तुएं पाठ दिशा के अनुरूप हो जाती है।</li><li><code>row-reverse</code>: वस्तुएं पाठ दिशा के अनुरूप हो जाती हैं।</li><li><code>column</code>: वस्तुएं लम्ब रूप में उपर से नीचे की ओर हो जाती हैं।</li><li><code>column-reverse</code>: वस्तुएं लम्ब रूप में नीचे से उपर की ओर हो जाती हैं।</li></ul>',\n      'gj': '<p><code>flex-direction</code> ની મદદથી દેડકાઓને લીલીના પાંદડાઓના સમાન ક્ર્મમ ગોઠવો. આ CSS પ્રોપર્ટી કન્ટેનરની અંદર itemની દિશા નક્કી કરે છે. તેમજ નીચેના મૂલ્યો ને સ્વીકારે છે.:</p><ul><li><code>row</code>: items ને ટેક્સ્ટની દિશાની જેમ જ મૂકવામાં આવે છે. </li><li><code>row-reverse</code>: items ને ટેક્સ્ટની વિરુદ્ધ દિશાની જેમ  મૂકવામાં આવે છે. </li><li><code>column</code>: items ને ઉપર થી નીચે સુધી ગોઠવવું છે.</li><li><code>column-reverse</code>: items ને નીચેથી ઉપર સુધી ગોઠવવું છે. </li></ul>',\n      'sr': '<p>Поређај жабице као што је редослед локвања користећи <code>flex-direction</code>. Ово CSS својство одређује смер у коме су елементи распоређени у контејнеру и прихвата следеће вредности:</p><ul><li><code>row</code>: Елементи су распоређени у смеру текста.</li><li><code>row-reverse</code>:  Елементи су распоређени супротно од смера текста.</li><li><code>column</code>: Елементи су распоређени одозго према доле.</li><li><code>column-reverse</code>: Елементи су распоређени одоздо према горе.</li></ul>',\n      'bs': '<p>Poredaj žabice kao što je redoslijed lokvanja koristeći <code>flex-direction</code>. Ovo CSS svojstvo određuje smjer u kojem su elementi raspoređeni u kontejneru i prihvata sljedeće vrijednosti:</p><ul><li><code>row</code>: Elementi su raspoređeni u smjeru teksta.</li><li><code>row-reverse</code>:  Elementi su raspoređeni suprotno od smjera teksta.</li><li><code>column</code>: Elementi su raspoređeni odozgo prema dole.</li><li><code>column-reverse</code>: Elementi su raspoređeni odozdo prema gore.</li></ul>',\n      'hr': '<p>Poredaj žabice kao što je redoslijed lopoča koristeći <code>flex-direction</code>. Ovo CSS svojstvo određuje smjer u kojem su elementi raspoređeni u kontejneru i prihvaća sljedeće vrijednosti:</p><ul><li><code>row</code>: Elementi su raspoređeni u smjeru teksta.</li><li><code>row-reverse</code>:  Elementi su raspoređeni suprotno od smjera teksta.</li><li><code>column</code>: Elementi su raspoređeni odozgo prema dolje.</li><li><code>column-reverse</code>: Elementi su raspoređeni odozdo prema gore.</li></ul>',\n      'nl': '<p>De kikkers moeten in dezelfde volgorde als hun lelieblaadjes terecht komen, maak hiervoor gebruik van <code>flex-direction</code>. Deze CSS eigenschap bepaald de richting in dewelke de elementen in hun container geplaatst worden, en aanvaard de volgende waarden:</p><ul><li><code>row</code>: Elementen worden geplaatst in dezelfde richting als deze van de tekst.</li><li><code>row-reverse</code>: Elementen worden geplaatst in de tegenovergestelde richting van de tekst.</li><li><code>column</code>: Elementen worden onder elkaar geplaatst.</li><li><code>column-reverse</code>: Elementen worden boven elkaar geplaatst.</li></ul>',\n      'ta': '<p><code>flex-direction</code> பயன்படுத்தி தவளைகள் தங்கள் இலைகளை அதே வரிசையில் பெற வேண்டும்.இந்த CSS property எந்த  திசையில் பொருட்கள் வைக்கப்படுகின்றன என வரையறுக்கிறது, மற்றும் பின்வரும் மதிப்புகளை ஏற்றுக்கொள்கிறது:</p><ul><li><code>row</code>: பொருட்கள் (Text)உரை உள்ள அதே திசையில் வைக்கப்படும்.</li><li><code>row-reverse</code>: பொருட்கள் (Text)உரைக்கு எதிர் திசையில் வைக்கப்படும்.</li><li><code>column</code>: பொருட்கள் மேலிருந்து கீழாக வைக்கப்படும்.</li><li><code>column-reverse</code>: பொருட்கள் கீழிருந்து மேலாக வைக்கப்படும்.</li></ul>',\n      'te': '<p>కప్పలు <code>flex-direction</code> ను ఉపయోగించి వాటి లిల్లీప్యాడ్ల మాదిరిగానే పొందాలి. ఈ CSS ఆస్తి కంటైనర్‌లో ఉంచిన దిశ అంశాలను నిర్వచిస్తుంది మరియు ఈ క్రింది విలువలను అంగీకరిస్తుంది: </p><ul><li><code>row</code>: వస్తువులు వచన దిశకు సమానంగా ఉంచబడతాయి. </li><li><code>row-reverse</code>: వస్తువులు వచన దిశకు ఎదురుగా ఉంచబడతాయి. </li><li><code>column</code>: వస్తువులు పై నుండి క్రిందికి ఉంచబడతాయి.</li><li><code>column-reverse</code>: వస్తువులు దిగువ నుండి పైకి ఉంచబడతాయి. </li></ul> ',\n      'ml': '<p><code>flex-direction</code> ഉപയോഗിച്ച് താവളകൾക്കു അവരുടെ താമര ഇലകളുടെ അതെ ഓർഡറിൽ കൊണ്ടുവരുക . ഈ CSS വസ്തു, കണ്ടെയ്നറിൽ ദിശ ഇനങ്ങൾ സ്ഥാപിച്ചിരിക്കുന്നു എന്ന് നിർവ്വചിക്കുകയും ഇനിപ്പറയുന്ന മൂല്യങ്ങൾ അംഗീകരിക്കുകയും ചെയ്യും:</p><ul><li><code>row</code>: ഇനങ്ങൾ വാചക ദിശ പോലെ തന്നെ വയ്ക്കുന്നു.</li><li><code>row-reverse</code>: ഇനങ്ങൾ ടെക്സ്റ്റ് ദിശയ്ക്ക് വിപരീതമാണ്.</li><li><code>column</code>: ഇനങ്ങൾ മുകളിൽ താഴെയായി.</li><li><code>column-reverse</code>: ഇനങ്ങൾ മുകളിൽ മുകളിലായി സ്ഥാപിക്കുന്നു.</li></ul>',\n      'el': '<p>Οι βάτραχοι πρέπει να μπουν στην ίδια σειρά με τα νούφαρά τους χρησιμοποιώντας το <code>flex-direction</code>. Αυτή η ιδιότητα CSS καθορίζει την κατεύθυνση με την οποία τοποθετούνται τα αντικείμενα στο container, και αποδέχεται τις εξής αξίες:</p><ul><li><code>row</code>: Τα αντικείμενα τοποθετούνται στην ίδια κατεύθυνση με το κείμενο.</li><li><code>row-reverse</code>: Τα αντικείμενα τοποθετούνται σε κατεύθυνση αντίθετη από το κείμενο.</li><li><code>column</code>: Τα αντικείμενα τοποθετούνται από πάνω προς τα κάτω.</li><li><code>column-reverse</code>: Τα αντικείμενα τοποθετούνται από κάτω προς τα πάνω.</li></ul>',\n      'mk': '<p>Жабите треба да се подредат во ист редослед како и нивните листови со користење на <code>flex-direction</code>. Ова CSS својство ја определува насоката во која елементите се поставени во контејнерот, и ги прима следните вредности:</p><ul><li><code>row</code>: Елементите се распоредени исто како и насоката на текстот.</li><li><code>row-reverse</code>: Елементите се распоредени спротивно од насоката на текстот.</li><li><code>column</code>: Елементите се распоредени од горе надолу.</li><li><code>column-reverse</code>: Елементите се распоредени од долу нагоре.</li></ul>',\n      'lv': '<p>Vardulēniem ir jāsavietojas tādā pašā secībā kā to ūdensrozes. To var izdarīt, lietojot <code>flex-direction</code> metodi. Šī CSS metode nosaka to, kādā virzienā konteinerā ir novietoti elementi un pieņem sekojošas vērtības : </p><ul><li><code>row</code>: Elementi ir novietoti tādā pašā virzienā kā teksts.</li><li><code>row-reverse</code>: Elementi ir novietoti tekstam pretējā virzienā.</li><li><code>column</code>: Elementi ir novietoti virzienā no augšas uz leju.</li><li><code>column-reverse</code>: Elementi ir novietoti virzienā no lejas uz augšu.</li><ul>',\n      'id': '<p>Katak harus memiliki urutan yang sama dengan lilypad mereka menggunakan <code>flex-direction</code>. Properti CSS ini mendefinisikan arah objek yang ditempatkan dalam wadah, dan menerima nilai-nilai berikut:</p><ul><li><code>row</code>: Objek ditempatkan sama dengan arah teks.</li><li><code>row-reverse</code>: Objek ditempatkan berlawanan dengan arah teks.</li><li><code>column</code>: Objek ditempatkan dari atas ke bawah.</li><li><code>column-reverse</code>: Objek ditempatkan dari bawah ke atas.</li></ul>',\n      'ar': '<p>الضفادع تريد القفز الى اوراق الزنبق بالترتيب باستخدام <code>flex-direction</code>. تحدد خاصية الـCSS هذه اتجاه العناصر الموضوعة في الحاوية, وتقبل هذه القيم:</p><ul><li><code>row</code>: يتم وضع العناصر بنفس اتجاه النص.</li><li><code>row-reverse</code>: يتم وضع العناصر بعكس اتجاه النص.</li><li><code>column</code>: يتم وضع العناصر من أعلى إلى أسفل.</li><li><code>column-reverse</code>: يتم وضع العناصر من أسفل إلى أعلى.</li></ul>',\n      'ca': '<p>Les granotes necessiten posar-se en el mateix ordre que els seus nenúfars <code>flex-direction</code>. Aquesta propietat CSS defineix la direcció dels elements en el contenidor, i accepta els següents valors:</p><ul><li><code>row</code>: Els elements es col·loquen en la mateixa direcció del text.</li><li><code>row-reverse</code>: Els elements es col·loquen en la direcció oposada al text.</li><li><code>column</code>: Els elements es col·loquen de dalt a baix.</li><li><code>column-reverse</code>: Els elements es col·loquen de baix a dalt.</li></ul>',\n      'da': '<p>Frøerne skal stilles i samme rækkefølge som deres åkander med <code>flex-direction</code>. Denne CSS-egenskab fastsætter den retning, hvori elementer placeres i beholderen, og kan tage følgende værdier:</p><ul><li><code>row</code>: Elementer placeres i samme retning som tekst.</li><li><code>row-reverse</code>: Elementer placeres i modsat retning af tekst.</li><li><code>column</code>: Elementer placeres fra toppen til bunden.</li><li><code>column-reverse</code>: Elementer placeres fra bunden til toppen.</li></ul>',\n      'et': '<p>Konnad peavad saama samasse järjekorda nagu on nende vesiroosilehed kasutades <code>flex-direction</code>. See CSS omadus ütleb, millises suunas elemendid konteineri sees paigutatakse, selle puhul saab kasutada järgmisi väärtusi:</p><ul><li><code>row</code>: Elemendid on paigutatud samas suunas mis tekst.</li><li><code>row-reverse</code>: Elemendid on paigutatud tekstiga vastassuunas.</li><li><code>column</code>: Elemendid on paigutatud ülevalt alla.</li><li><code>column-reverse</code>: Elemendid on paigutatud alt üles.</li></ul>',\n      'fi': '<p>Sammakoiden täytyy asettua samaan järjestykseen kuin lumpeenlehdet <code>flex-direction</code>-ominaisuuden avulla. Tämä CSS-ominaisuus määrittää elementtien järjestyksen säilössä. Sille voi antaa jonkin seuraavista arvoista:</p><ul><li><code>row</code>: Elementit järjestetään vaakasuuntaan tekstin kulkusuunnan mukaisesti.</li><li><code>row-reverse</code>: Elementit järjestetään vaakasuuntaan tekstin kulkusuunnan vastaisesti.</li><li><code>column</code>: Elementit järjestetään pystysuuntaan ylhäältä alas.</li><li><code>column-reverse</code>: Elementit järjestetään pystysuuntaan alhaalta ylös.</li></ul>',\n      'gl': '<p>As rás teñen que colocarse na mesma orde cós seus nenúfares empregando <code>flex-direction</code>. Esta propiedade CSS define a dirección na que se dispoñen os elementos no contedor, e acepta os seguintes valores:</p><ul><li><code>row</code>: Os elementos colócanse na mesma dirección có texto.</li><li><code>row-reverse</code>: Os elementos colócanse na dirección oposta ao texto.</li><li><code>column</code>: Os elementos dispóñense de arriba abaixo.</li><li><code>column-reverse</code>: Os elementos dispóñense de abaixo arriba.</li></ul>',\n      'th': '<p>เจ้ากบต้องไปตามลำดับสีของใบบัว โดยใช้คำสั่ง <code>flex-direction</code>. คุณสมบัติ CSS นี้กำหนดทิศทางที่ items จะถูกวางใน container, และรับค่าดังต่อไปนี้:</p><ul><li><code>row</code>: items จะถูกวางตามทิศทางของตัวหนังสือ</li><li><code>row-reverse</code>: items จะถูกวางไปในทิศทางตรงข้ามกับตัวหนังสือ</li><li><code>column</code>: items จะถูกวางจากบนลงล่าง</li><li><code>column-reverse</code>: items จะถูกวางจากล่างขึ้นบน</li></ul>',\n      'mn': '<p>Мэлхийнүүдийг байгаа дарааллаар нь <code>flex-direction</code>-г ашиглан сараана цэцэгс дээр нь хөтлөөрэй. Энэ CSS проперти нь items-г контейнерт байрлуулах чиглэлийг тодорхойлохдоо дараах утгуудыг хүлээн зөвшөөрнө:</p><ul><li><code>row</code>: items-г текстийн чиглэлтэй адил байрлуулна.</ li><li><code>row-reverse</code>: items-г текстийн чиглэлийн эсрэг чиглэлд байрлуулна.</li><li><code>column</code>: itemcийг дээрээс доош байрлуулна.</ li><li><code>column-reverse</code>: itemcийг доороос дээш байрлуулна.</li></ul>',\n      'sk': '<p>Žaby sa musia dostať do rovnakého poradia ako ich lienky pomocou <code>flex-direction</code>. Táto vlastnosť CSS definuje smer, ktorým sú položky umiestnené v kontajneri, a akceptuje nasledujúce hodnoty:</p><ul><li><code>row</code>: Položky sú umiestnené rovnako ako smer textu.</li><li><code>row-reverse</code>: Položky sú umiestnené v opačnom smere, ako je smer textu.</li><li><code>column</code>: Položky sú umiestnené zhora nadol.</li><li><code>column-reverse</code>: Položky sú umiestnené zdola nahor.</li></ul>',\n      'si': '<p><code>flex-direction</code> භාවිතා කරමින් මැඬියන්ට ඔවුන්ගේ නෙළුම් කොළ වලට අනුපිළිවෙලට යෑමට අවශ‍යයි. මෙම CSS ගුණාංගය කන්ටේනරය තුළ අයිතම තබා ඇති දිශාව තීරණය කරන අතර පහත අගයන් පිළිගනී:</p><ul><li><code>row</code>: text වල දිශාවට සමානව අයිතම තබා ඇත.</li><li><code>row-reverse</code>: text වල දිශාවට ප්රතිවිරුද්ධව අයිතම තබා ඇත.</li><li><code>column</code>: අයිතම උඩ සිට යටට තබා ඇත.</li><li><code>column-reverse</code>: අයිතම යට සිට උඩට තබා ඇත.</li></ul>',\n      'np': '<p>भ्यागुतोलाई तिनका लिलीप्याडसँग उस्तै क्रममा राख्न <code>flex-direction</code> प्रयोग गर्नुहोस्। यो CSS प्रोपर्टीले वस्तुहरूलाई कन्टेनरभित्र कसरी राख्ने भन्ने दिशा निर्धारण गर्दछ र तलका मानहरू स्वीकार गर्दछ:</p> <ul> <li><code>row</code>: वस्तुहरू text को दिशासँग मिलेर बस्छन्।</li> <li><code>row-reverse</code>: वस्तुहरू text को दिशा विपरीत राख्छ।</li> <li><code>column</code>: वस्तुहरूलाई माथिदेखि तलतिर राख्छ।</li> <li><code>column-reverse</code>: वस्तुहरूलाई तलदेखि माथितिर राख्छ।</li> </ul>',\n      'my': '<p>ကွင်းကလေးများကို <code>flex-direction</code> ကို အသုံးပြု၍ သူတို့ရဲ့ လိပ်ပြာရွက်များနှင့် တူညီသော အစီအစဉ်ဖြင့် ရှိစေပါ။ CSS ပရော်ပတ်တီသည် ကွန်တိန်နာအတွင်း အရာဝတ္ထုများကို ဘယ်လိုထားမည်ကို သတ်မှတ်ပြီး အောက်ပါ တန်ဖိုးများကို လက်ခံသည်။</p><ul><li><code>row</code>: အရာဝတ္ထုများကို စာသား၏ လမ်းကြောင်းနှင့် တူညီသော လမ်းကြောင်းဖြင့် ထားသည်။</li><li><code>row-reverse</code>: အရာဝတ္ထုများကို စာသား၏ လမ်းကြောင်းနှင့် ဆန့်ကျင်ဘက် လမ်းကြောင်းဖြင့် ထားသည်။</li><li><code>column</code>: အရာဝတ္ထုများကို အပေါ်မှ အောက်သို့ ထားသည်။</li><li><code>column-reverse</code>: အရာဝတ္ထုများကို အောက်မှ အပေါ်သို့ ထားသည်။</li></ul>',\n      'yo': '<p>Àwọn ọ̀pọ̀lọ gbọ́dọ̀ jókòó lórí ewé ọdàn wọn ní títọ́ tó pé pẹ̀lú lílo <code>flex-direction</code>. Ohun-ini CSS yìí ń ṣàlàyé ìtọ́sọ́nà àwọn ohun kan tí a gbe sínú àgọ́lò, ó sì ń gba àwọn iye wọ̀nyí:</p><ul><li><code>row</code>: Àwọn nǹkan àti ọrọ̀ wà ní ìtọ́sọ́nà kan náà.</li><li><code>row-reverse</code>: Àwọn nǹkan àti ọrọ̀ wà ní ìdàkèjì.</li><li><code>column</code>: Àwọn nǹkan ni a gbe sí ọ̀kè sí ìsàlẹ̀.</li><li><code>column-reverse</code>: Àwọn nǹkan ni a gbe sí ìsàlẹ̀ sí ọ̀kè.</li></ul>',\n      'no': '<p>Froskene må komme i samme rekkefølge som vannliljebladene sine ved hjelp av <code>flex-direction</code>. Denne CSS-egenskapen definerer retningen elementene plasseres i beholderen, og godtar følgende verdier:</p><ul><li><code>row</code>: Elementene plasseres i samme retning som tekstretningen.</li><li><code>row-reverse</code>: Elementene plasseres motsatt av tekstretningen.</li><li><code>column</code>: Elementene plasseres topp til bunn.</li><li><code>column-reverse</code>: Elementene plasseres bunn til topp.</li></ul>',\n    },\n    board: 'gyr',\n    style: { 'flex-direction': 'row-reverse' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-direction 2',\n    instructions: {\n      'en': '<p>Help the frogs find their column of lilypads using <code>flex-direction</code>. This CSS property defines the direction items are placed in the container, and accepts the following values:</p><ul><li><code>row</code>: Items are placed the same as the text direction.</li><li><code>row-reverse</code>: Items are placed opposite to the text direction.</li><li><code>column</code>: Items are placed top to bottom.</li><li><code>column-reverse</code>: Items are placed bottom to top.</li></ul>',\n      'bn': '<p><code>flex-direction</code> ব্যবহার করে ব্যাঙগুলোকে তাদের পদ্ম-পাতার column এ পৌছাতে সাহায্য করুন। এই CSS property item গুলো container এ কিভাবে বসেছে তা নির্ধারন করে, এবং এই মান গুলো (values) গ্রহণ করেঃ</p><ul><li><code>row</code>: Item গুলো লিখার (text) দিকের মতোই বসে।</li><li><code>row-reverse</code>: Item গুলো লিখার (text) দিকের বিপরীত দিকে বসে।</li><li><code>column</code>: Item গুলো উপর থেকে নিচের দিকে বসানো হয়।</li><li><code>column-reverse</code>: Item গুলো নিচ থেকে উপরের দিকে বসানো হয়।</li></ul>',\n      'af': '<p>Met gebruik van <code>flex-direction</code>, help die paddas om die kolom van hulle waterlelies te kry. Hierdie CSS eienskap bepaal die direksie wat items in die houer geplaas is, en aanvaar die volgende waardes:</p><ul><li><code>row</code>: Items is in die selfde direksie as die teks geplaas.</li><li><code>row-reverse</code>: Items is geplaas in die teenoorgestelde direksie van die teks.</li><li><code>column</code>: Items is van bo na onder geplaas.</li><li><code>column-reverse</code>: Items is van onder na bo geplaas.</li></ul>',\n      'he': '<p>עזרו לצפרדעים להגיע לשורה שלהם בשימוש ב-<code>flex-direction</code>. התכונת CSS הזו מגדירה את כיוון הסידור של הפריטים בקונטיינר, ומקבלת את הערכים הבאים:</p><ul><li><code>row</code>: פריטים מסודרים כמו בכיוון שהוגדר לטקסט.</li><li><code>row-reverse</code>: פריטים מסודרים ההפך מהכיוון שהוגדר לטקסט.</li><li><code>column</code>: פריטים מסודרים מלמעלה למטה (בעמודה).</li><li><code>column-reverse</code>: פריטים מסודרים מלמטה למעלה (בעמודה).</li></ul>',\n      'ro': '<p>Ajută broaștele să găsească coloana lor de nuferi folosind <code>flex-direction</code>. Această proprietate CSS definește direcția în care sunt așezate elementele în container și acceptă următoarele valori:</p><ul><li><code>row</code>: Elementele sunt așezate la fel ca direcția textului.</li><li><code>row-reverse</code>: Elementele sunt așezate opus față de direcția textului.</li><li><code>column</code>: Elementele sunt așezate de sus în jos.</li><li><code>column-reverse</code>: Elementele sunt așezate de jos în sus.</li></ul>',\n      'bg': '<p>Помогни на жабчетата да намерят своето листо в колоната, използвайки <code>flex-direction</code>. Това CSS свойство определя посоката, в която са разположени елементите в контейнера и приема следните стойности: </p><ul><li><code>row</code>: Елементите са разположени по посока на текста.</li><li><code>row-reverse</code>: Елементите са разположени обратно на посоката на текста.</li><li><code>column</code>: Елементите са разположени от горе надолу.</li><li><code>column-reverse</code>: Елементите са разположени от долу нагоре.</li></ul>',\n      'de': '<p>Hilf den Fröschen dabei, die Seerosenblätter zu erreichen, indem du <code>flex-direction</code> verwendest. Diese CSS-Eigenschaft legt die Richtung fest, in der die Elemente im Container platziert werden. Sie akzeptiert die folgenden Werte:</p><ul><li><code>row</code>: Elemente in Textrichtung ausrichten.</li><li><code>row-reverse</code>: Elemente entgegen der Textrichtung ausrichten.</li><li><code>column</code>: Elemente von oben nach unten ausrichten.</li><li><code>column-reverse</code>: Elemente von unten nach oben ausrichten.</li></ul>',\n      'pt-br': '<p>Ajude os sapos a encontrar sua coluna de vitórias-régias usando <code>flex-direction</code>. Esta propriedade CSS define a direção em que os itens são posicionados no container e aceita os seguintes valores:</p><ul><li><code>row</code>: Itens são posicionados na mesma direção do texto.</li><li><code>row-reverse</code>: Itens são posicionados na direção oposta à do texto.</li><li><code>column</code>: Itens são posicionados de cima para baixo.</li><li><code>column-reverse</code>: Itens são posicionados de baixo para cima.</li></ul>',\n      'es': '<p>Ayuda a las ranas a encontrar su hoja de lirio en la columna usando <code>flex-direction</code>. Esta propiedad CSS define la dirección de los elementos en el contenedor, y acepta los siguientes valores:</p><ul><li><code>row</code>: Elementos son colocados en la misma dirección del texto.</li><li><code>row-reverse</code>: Elementos son colocados en la dirección opuesta al texto.</li><li><code>column</code>: Elementos se colocan de arriba hacia abajo.</li><li><code>column-reverse</code>: Elementos se colocan de abajo hacia arriba.</li></ul>',\n      'fr': '<p>Aidez les grenouilles à trouver leurs colonnes de nénuphars en utilisant <code>flex-direction</code>. Cette propriété CSS définit la direction dans laquelle les éléments sont placés dans le conteneur, et accepte les valeurs suivantes&nbsp;:</p><ul><li><code>row</code>&nbsp;: Les éléments sont disposés dans la même direction que le texte.</li><li><code>row-reverse</code>&nbsp;: Les éléments sont disposés dans la direction opposée au texte.</li><li><code>column</code>&nbsp;: Les éléments sont disposés de haut en bas.</li><li><code>column-reverse</code>&nbsp;: Les éléments sont disposés de bas en haut.</li></ul>',\n      'ru': '<p>Помоги лягушатам расположиться на своих лилиях, используя <code>flex-direction</code>. Это свойство CSS задает направление, в котором располагаются элементы в контейнере, и принимает следующие значения:</p><ul><li><code>row</code>: элементы размещаются по направлению текста.</li><li><code>row-reverse</code>: элементы отображаются в обратном порядке к направлению текста.</li><li><code>column</code>: элементы распологаются сверху вниз.</li><li><code>column-reverse</code>: элементы распологаются снизу вверх.</li></ul>',\n      'fa': '<p>به قورباغه ها کمک کنید تا به صورت ستونی روی نیلوفرهای آبی قرار می گیرند با استفاده از <code>flex-direction</code> این کار را انجام دهید. این خاصیت جهت قرار گیری آیتم ها را مشخص می کند, مقادیر این خاصیت عبارتند از :</p><ul><li><code>row</code>: این مقدار برای چیدمان افقی آیتم ها به کار میرود.</li><li><code>row-reverse</code>: این خاصیت مانند خاصیت قبل است با این تفاوت که مکان آیتم ها برعکس می شود.</li><li><code>column</code>: این مقدار برای چیدمان عمودی آیتم ها به کار میرود.</li><li><code>column-reverse</code>: این خاصیت مانند خاصیت قبل است با این تفاوت که مکان آیتم ها برعکس می شود.</li></ul>',\n      'zh-cn': '<p>使用<code>flex-direction</code>属性，帮助青蛙们找到它们该去的列。这个CSS属性定义了元素在容器里摆放的方向，并且接受这些值：</p><ul><li><code>row</code>: 元素摆放的方向和文字方向一致。</li><li><code>row-reverse</code>: 元素摆放的方向和文字方向相反。</li><li><code>column</code>: 元素从上放到下。</li><li><code>column-reverse</code>: 元素从下放到上。</li></ul>',\n      'zh-tw': '<p>使用<code>flex-direction</code>屬性，幫助青蛙們找到它們該去的行。這個CSS屬性定義了元素在容器裏擺放的方向，並且接受這些值：</p><ul><li><code>row</code>: 元素擺放的方向和文字方向一致。</li><li><code>row-reverse</code>: 元素擺放的方向和文字的方向相反。</li><li><code>column</code>: 元素從上放到下。</li><li><code>column-reverse</code>: 元素從下放到上。</li></ul>',\n      'tr': '<p><code>flex-direction</code> kuralını kullanarak, kurbağaların kendi nilüfer yapraklarını bulmasına yardımcı olun. Bu CSS kuralı öğelerin hangi yönde yerleştireleceğini belirler ve şu değerleri alır:</p><ul><li><code>row</code>: Öğeler yazı yönü ile aynı yönde yerleştirilir.</li><li><code>row-reverse</code>: Öğeler yazı yönünün tersi yönünde yerleştirilir.</li><li><code>column</code>: Öğeler yukarıdan aşağıya doğru yerleştirilir.</li><li><code>column-reverse</code>: Öğeler aşağıdan yukarıya doğru yerleştirilir.</li></ul>',\n      'az': '<p><code>flex-direction</code> qaydasını istifadə edərək, qurbağaların öz zanbaq yarpaqlarını tapmasına kömək edin. Bu CSS qaydası elementlərin hansı yöndə yerləşdiriləcəyini təyin edir və bu dəyərləri alır:</p><ul><li><code>row</code>: Elementlər yazı yönü ilə eyni yöndə yerləşdirilir.</li><li><code>row-reverse</code>: Elementlər yazı yönünün əksi yönündə yerləşdirilir.</li><li><code>column</code>: Elementlər yuxarıdan aşağıya doğru yerləşdirilir.</li><li><code>column-reverse</code>: Elementlər aşağıdan yuxarıya doğru yerləşdirilir.</li></ul>',\n      'it': '<p>Aiuta le rane a trovare la loro ninfea usando <code>flex-direction</code>. Questa proprietà CSS definisce la direzione in cui gli elementi verranno sistemati nel contenitore ed accetta i seguenti valori:</p><ul><li><code>row</code>: Gli elementi sono posizionati seguendo la stessa direzione del testo.</li><li><code>row-reverse</code>: Gli elementi sono posizionati nella direzione opposta del testo.</li><li><code>column</code>: Gli elementi sono posizionati dall\\'alto verso il basso.</li><li><code>column-reverse</code>: Gli elementi sono posizionati dal basso verso l\\'alto.</li></ul>',\n      'ko': '<p><code>flex-direction</code>을 사용하여 개구리들이 자기 색깔과 같은 수련잎 위로 이동할 수 있도록 도와주세요. 이 CSS 속성은 다음의 값들을 인자로 받아 컨테이너 안에서 요소들이 정렬해야 할 방향을 지정합니다:</p><ul><li><code>row</code>: 요소들을 텍스트의 방향과 동일하게 정렬합니다.</li><li><code>row-reverse</code>: 요소들을 텍스트의 반대 방향으로 정렬합니다.</li><li><code>column</code>: 요소들을 위에서 아래로 정렬합니다.</li><li><code>column-reverse</code>: 요소들을 아래에서 위로 정렬합니다.</li></ul>',\n      'lt': '<p>Naudodami <code>flex-direction</code> padėkite varlytėms rasti stulpelį, kuriame yra jų lelijos lapai. Ši CSS komanda nusako kryptį, pagal kurią elementai yra sudėliojami supančio elemento viduje ir reaguoja į šias vertes:</p><ul><li><code>row</code>: Elementai yra rikiuojami teksto skaitymo kryptimi.</li><li><code>row-reverse</code>: Elementai yra rikiuojami atvirkščiai teksto skaitymo krypties.</li><li><code>column</code>: Elementai yra rikiuojami iš viršaus į apačią.</li><li><code>column-reverse</code>: Elementai yra rikiuojami iš apačios į viršų.</li></ul>',\n      'vi': '<p>Giúp đỡ những chú ếch tìm thấy các lá bông súng được sắp xếp theo hàng dọc sử dụng <code>flex-direction</code>. Từ thuộc tính CSS này xác định hướng hạng mục được đặt trong hộp chứa, và chấp nhận các giá trị sau:</p><ul><li><code>row</code>: Các hạng mục được đặt cùng hướng với hướng của từ trong văn bản.</li><li><code>row-reverse</code>: Các hạng mục được đặt ngược hướng với hướng của từ trong văn bản.</li><li><code>column</code>: Các hạng mục được đặt từ trên xuống dưới.</li><li><code>column-reverse</code>: Các hạng mục được đặt từ dưới lên trên.</li></ul>',\n      'pl': '<p>Pomóż żabkom odnaleźć ich kolumny przy pomocy <code>flex-direction</code>. Ta właściwość określa kierunek w jakim elementy w kontenerze są ustawione. Przyjmuje wartości:</p><ul><li><code>row</code>: Elementy są rozmieszczone w kierunku tekstu.</li><li><code>row-reverse</code>: Elementy są rozmieszczone w kierunku przeciwnym do tekstu.</li><li><code>column</code>: Elementy są rozmieszczone od góry do dołu.</li><li><code>column-reverse</code>: Elementy są rozmieszczone od dołu do góry.</li></ul>',\n      'cs': '<p>Pomozte žabkám dostat se na sloupec leknínů pomocí <code>flex-direction</code>.  Tato vlastnost určuje směr, kterým jsou prvky rozmístěny v kontejneru, a akceptuje následující hodnoty:</p><ul><li><code>row</code>: Řádky ve směru textu.</li><li><code>row-reverse</code>: Řádky proti směru textu.</li><li><code>column</code>: Sloupce shora dolů.</li><li><code>column-reverse</code>: Sloupce zdola nahoru.</li></ul>',\n      'ja': '<p><code>flex-direction</code>を使って、カエルたちが自分の蓮の葉を見つけるのを助けてあげましょう。このCSSプロパティーはコンテナー内でアイテムが配置される方向を決定します。また以下の値を取ります。</p><ul><li><code>row</code>: アイテムは文章と同じ方向に配置されます。</li><li><code>row-reverse</code>: アイテムは文章と逆の方向に配置されます。</li><li><code>column</code>: アイテムは上から下に向かって配置されます。</li><li><code>column-reverse</code>: アイテムは下から上に向かって配置されます。</li></ul>',\n      'hu': '<p>Segíts a békáknak megtalálni a tündérrózsáikat a <code>flex-direction</code> használatával. Ez a CSS tulajdonság definiálja az irányzékot, amely mentén az elemek a konténerbe vannak helyezve, a következő értékek segítségével:</p><ul><li><code>row</code>: Az elemek a szöveg irányával megegyezően helyezkednek el.</li><li><code>row-reverse</code>: Az elemek a szöveg irányával ellentétes sorrendben helyezkednek el.</li><li><code>column</code>: Az elemek fentről lefelé rendeződnek.</li><li><code>column-reverse</code>: Az elemek lentről felfelé rendeződnek.</li></ul>',\n      'eo': '<p>Helpu la ranojn trovi ilian kolumnon de avkolilifolioj pere de <code>flex-direction</code>. Tiu ĉi CSS-a trajto difinas la direkton ke elementoj estas metataj en la ujon, kaj akceptas la sekvajn valorojn:</p><ul><li><code>row</code>: Elementoj estas metataj samkiel la teksta direkto.</li><li><code>row-reverse</code>: Elementoj metiĝas male al la teksta direkto.</li><li><code>column</code>: Elementoj metatas supre malsupren.</li><li><code>column-reverse</code>: Elementoj metatas malsupre supren.</li></ul>',\n      'sv': '<p>Hjälp grodorna att hitta sina blomblad genom att använda <code>flex-direction</code>. Detta attribut definerar vilket håll objekten är placerade i inuti containern och accepterar följande värden:</p><ul><li><code>row</code>: Objekten är placerade åt samma håll som vanlig text.</li><li><code>row-reverse</code>: Objekten är placerade åt motsat håll som vanlig text.</li><li><code>column</code>: Objekten är placerade uppifrån och ner.</li><li><code>column-reverse</code>: Objekten är placerade nerifrån och upp.</li></ul>',\n      'uk': '<p>Допоможіть жабенятам потрапити на свої вертикальні листки латаття, використав <code>flex-direction</code>. Ця CSS властивість визначає напрямок елементів в контейнері та може набувати наступних значень:</p><ul><li><code>row</code>: елементи розташовані так само, як напрямок тексту.</li><li><code>row-reverse</code>: елементи розташовані протилежно напрямку тексту.</li><li><code>column</code>: елементи розташовані з гори до низу.</li><li><code>column-reverse</code>: елементи розташовані з низу до гори.</li></ul>',\n      'hi': '<p><code>flex-direction</code> की मदद से मेंढकों को उनके कॉलम तक पहुंचाइये। यह CSS प्रॉपर्टी कंटेनर के अन्दर किसी वस्तु की दिशा निर्धारित करती है, एवं निम्न मान स्वीकार करती है:</p><ul><li><code>row</code>: वस्तुएं पाठ दिशा के अनुरूप हो जाती है।</li><li><code>row-reverse</code>: वस्तुएं पाठ दिशा के अनुरूप हो जाती हैं।</li><li><code>column</code>: वस्तुएं लम्ब रूप में उपर से नीचे की ओर हो जाती हैं।</li><li><code>column-reverse</code>: वस्तुएं लम्ब रूप में नीचे से उपर की ओर हो जाती हैं।</li></ul>',\n      'gj': '<p><code>flex-direction</code>ની મદદથી દેડકાઓને તેમની લીલી ના યોગ્ય પાન શોધવામાં મદદ કરો. આ CSS પ્રોપર્ટી કન્ટેનરની અંદર itemની દિશા નક્કી કરે છે. તેમજ નીચેના મૂલ્યો ને સ્વીકારે છે.:</p><ul><li><code>row</code>: itemsને ટેક્સ્ટની દિશાની જેમ જ મૂકવામાં આવે છે. </li><li><code>row-reverse</code>: itemsને ટેક્સ્ટની વિરુદ્ધ દિશાની જેમ  મૂકવામાં આવે છે. </li><li><code>column</code>: items ને ઉપર થી નીચે સુધી ગોઠવવું છે.</li><li><code>column-reverse</code>: items ને નીચેથી ઉપર સુધી ગોઠવવું છે. </li></ul>',\n      'sr': '<p>Помози жабицама да нађу своју колону локвања користећи <code>flex-direction</code>. Ово CSS својство дефинише смер у коме су елементи распоређени у контејнеру и прихвата следеће вредности:</p><ul><li><code>row</code>: Елементи су распоређени у смеру текста.</li><li><code>row-reverse</code>:  Елементи су распоређени супротно од смера текста.</li><li><code>column</code>: Елементи су распоређени одозго према доле.</li><li><code>column-reverse</code>: Елементи су распоређени одоздо према горе.</li></ul>',\n      'bs': '<p>Pomozi žabicama da nađu svoju kolonu listova koristeći <code>flex-direction</code>. Ovo CSS svojstvo definiše smjer u kojem su elementi raspoređeni u kontejneru i prihvata sljedeće vrijednosti:</p><ul><li><code>row</code>: Elementi su raspoređeni u smjeru teksta.</li><li><code>row-reverse</code>:  Elementi su raspoređeni suprotno od smjera teksta.</li><li><code>column</code>: Elementi su raspoređeni odozgo prema dolje.</li><li><code>column-reverse</code>: Elementi su raspoređeni odozdo prema gore.</li></ul>',\n      'hr': '<p>Pomozi žabicama da nađu svoju kolonu listova koristeći <code>flex-direction</code>. Ovo CSS svojstvo definira smjer u kojem su elementi raspoređeni u kontejneru i prihvaća sljedeće vrijednosti:</p><ul><li><code>row</code>: Elementi su raspoređeni u smjeru teksta.</li><li><code>row-reverse</code>:  Elementi su raspoređeni suprotno od smjera teksta.</li><li><code>column</code>: Elementi su raspoređeni odozgo prema dolje.</li><li><code>column-reverse</code>: Elementi su raspoređeni odozdo prema gore.</li></ul>',\n      'nl': '<p>Help de kikkers naar de juiste kolom lelieblaadjes door gebruik te maken van <code>flex-direction</code>. Deze CSS eigenschap bepaald de richting in dewelke de elementen in hun container geplaatst worden, en aanvaard de volgende waarden:</p><ul><li><code>row</code>: Elementen worden geplaatst in dezelfde richting als deze van de tekst.</li><li><code>row-reverse</code>: Elementen worden geplaatst in de tegenovergestelde richting van de tekst.</li><li><code>column</code>: Elementen worden onder elkaar geplaatst.</li><li><code>column-reverse</code>: Elementen worden boven elkaar geplaatst.</li></ul>',\n      'ta': '<p><code>flex-direction</code> பயன்படுத்தி தவளைகள் தங்கள் இலைகளை அதே வரிசையில் பெற வேண்டும்.இந்த CSS property எந்த  திசையில் பொருட்கள் வைக்கப்படுகின்றன என வரையறுக்கிறது, மற்றும் பின்வரும் மதிப்புகளை ஏற்றுக்கொள்கிறது:</p><ul><li><code>row</code>: பொருட்கள் (Text)உரை உள்ள அதே திசையில் வைக்கப்படும்.</li><li><code>row-reverse</code>: பொருட்கள் (Text)உரைக்கு எதிர் திசையில் வைக்கப்படும்.</li><li><code>column</code>: பொருட்கள் மேலிருந்து கீழாக வைக்கப்படும்.</li><li><code>column-reverse</code>: பொருட்கள் கீழிருந்து மேலாக வைக்கப்படும்.</li></ul>',\n      'te': '<p> కప్పలు <code>flex-direction</code> ను ఉపయోగించి లిల్లీప్యాడ్ల కాలమ్‌ను కనుగొనడంలో సహాయపడండి. ఈ CSS ఆస్తి కంటైనర్‌లో ఉంచిన దిశ అంశాలను నిర్వచిస్తుంది మరియు ఈ క్రింది విలువలను అంగీకరిస్తుంది: </p><ul><li><code>row</code>: వస్తువులు వచన దిశకు సమానంగా ఉంచబడతాయి. </li><li><code>row-reverse</code>: వస్తువులు వచన దిశకు ఎదురుగా ఉంచబడతాయి. </li><li><code>column</code>: వస్తువులు పై నుండి క్రిందికి ఉంచబడతాయి.</li><li><code>column-reverse</code>: వస్తువులు దిగువ నుండి పైకి ఉంచబడతాయి. </li></ul> ',\n      'ml': '<p><code>flex-direction</code> ഉപയോഗിച്ച് തവളകളെ അവരവരുടെ താമര ഇലകളിക് എത്തിക്കുക . ഈ CSS വസ്തു, കണ്ടെയ്നറിൽ ദിശ ഇനങ്ങൾ സ്ഥാപിച്ചിരിക്കുന്നു എന്ന് നിർവ്വചിക്കുകയും ഇനിപ്പറയുന്ന മൂല്യങ്ങൾ അംഗീകരിക്കുകയും ചെയ്യും:</p><ul><li><code>row</code>: ഇനങ്ങൾ വാചക ദിശ പോലെ തന്നെ വയ്ക്കുന്നു.</li><li><code>row-reverse</code>: ഇനങ്ങൾ ടെക്സ്റ്റ് ദിശയ്ക്ക് വിപരീതമാണ്.</li><li><code>column</code>: ഇനങ്ങൾ മുകളിൽ താഴെയായി.</li><li><code>column-reverse</code>: ഇനങ്ങൾ മുകളിൽ മുകളിലായി സ്ഥാപിക്കുന്നു.</li></ul>',\n      'el': '<p>Βοηθήστε τους βατράχους να φτάσουν στην στήλη με τα νούφαρά τους χρησιμοποιώντας το <code>flex-direction</code>. Αυτή η ιδιότητα CSS καθορίζει την κατεύθυνση με την οποία τοποθετούνται τα αντικείμενα στο container, και αποδέχεται τις εξής αξίες:</p><ul><li><code>row</code>: Τα αντικείμενα τοποθετούνται στην ίδια κατεύθυνση με το κείμενο.</li><li><code>row-reverse</code>: Τα αντικείμενα τοποθετούνται σε κατεύθυνση αντίθετη από το κείμενο.</li><li><code>column</code>: Τα αντικείμενα τοποθετούνται από πάνω προς τα κάτω.</li><li><code>column-reverse</code>: Τα αντικείμενα τοποθετούνται από κάτω προς τα πάνω.</li></ul>',\n      'mk': '<p>Помогнете им на жабите да ја најдат нивната колона од листови со користење на <code>flex-direction</code>. Ова CSS својство ја определува насоката во која елементите се поставени во контејнерот, и ги прима следните вредности:</p><ul><li><code>row</code>: Елементите се распоредени исто како и насоката на текстот.</li><li><code>row-reverse</code>: Елементите се распоредени спротивно од насоката на текстот.</li><li><code>column</code>: Елементите се распоредени од горе надолу.</li><li><code>column-reverse</code>: Елементите се распоредени од долу нагоре.</li></ul>',\n      'lv': '<p>Lietojot <code>flex-direction</code>, palīdzi katram vardulēnam atrast savu ūdensrozi. Šī CSS metode nosaka to, kādā virzienā konteinerā ir novietoti elementi un pieņem sekojošas vērtības : </p><ul><li><code>row</code>: Elementi ir novietoti tādā pašā virzienā kā teksts.</li><li><code>row-reverse</code>: Elementi ir novietoti tekstam pretējā virzienā.</li><li><code>column</code>: Elementi ir novietoti virzienā no augšas uz leju.</li><li><code>column-reverse</code>: Elementi ir novietoti virzienā no lejas uz augšu.</li><ul>',\n      'id': '<p>Bantu katak menemukan kolom lilypads mereka menggunakan <code>flex-direction</code>. Properti CSS ini mendefinisikan arah objek yang ditempatkan dalam wadah, dan menerima nilai-nilai berikut:</p><ul><li><code>row</code>: Objek ditempatkan sama dengan arah teks.</li><li><code>row-reverse</code>: Objek ditempatkan berlawanan dengan arah teks.</li><li><code>column</code>: Objek ditempatkan dari atas ke bawah.</li><li><code>column-reverse</code>:  Objek ditempatkan dari bawah ke atas.</li></ul>',\n      'ar': '<p>ساعد الضفادع لإيجاد اوراق الزنبق المرتبة عاموديًا باستخدام <code>flex-direction</code>. تحدد خاصية الـCSS هذه اتجاه العناصر الموضوعة في الحاوية, وتقبل هذه القيم:</p><ul><li><code>row</code>: يتم وضع العناصر بنفس اتجاه النص.</li><li><code>row-reverse</code>: يتم وضع العناصر بعكس اتجاه النص.</li><li><code>column</code>: يتم وضع العناصر من أعلى إلى أسفل.</li><li><code>column-reverse</code>: يتم وضع العناصر من أسفل إلى أعلى.</li></ul>',\n      'ca': '<p>Ajuda les granotes a trobar el seu nenúfar de la columna utilitzant <code>flex-direction</code>. Aquesta propietat CSS defineix la direcció dels elements en el contenidor, i accepta els següents valors:</p><ul><li><code>row</code>: Els elements es col·loquen en la mateixa direcció del text.</li><li><code>row-reverse</code>: Els elements es col·loquen en la direcció oposada al text.</li><li><code>column</code>: Els elements es col·loquen de de dalt a baix.</li><li><code>column-reverse</code>: Els elements es col·loquen de baix a dalt.</li></ul>',\n      'da': '<p>Hjælp frøerne med at finde deres kolonne af åkander med <code>flex-direction</code>. Denne CSS-egenskab fastsætter den retning, hvori elementer placeres i beholderen, og kan tage følgende værdier:</p><ul><li><code>row</code>: Elementer placeres i samme retning som tekst.</li><li><code>row-reverse</code>: Elementer placeres i modsat retning af tekst.</li><li><code>column</code>: Elementer placeres fra toppen til bunden.</li><li><code>column-reverse</code>: Elementer placeres fra bunden til toppen.</li></ul>',\n      'et': '<p>Aita konnadel leda oma veerg vesiroosilehtedel kasutades <code>flex-direction</code>. See CSS omadus ütleb, millises suunas elemendid konteineri sees paigutatakse, selle puhul saab kasutada järgmisi väärtusi:</p><ul><li><code>row</code>: Elemendid on paigutatud samas suunas mis tekst.</li><li><code>row-reverse</code>: Elemendid on paigutatud tekstiga vastassuunas.</li><li><code>column</code>: Elemendid on paigutatud ülevalt alla.</li><li><code>column-reverse</code>: Elemendid on paigutatud alt üles.</li></ul>',\n      'fi': '<p>Auta sammakoita löytämään pystysuunnassa kelluvat lumpeenlehdet <code>flex-direction</code>-ominaisuuden avulla. Tämä CSS-ominaisuus määrittää elementtien järjestyksen säilössä. Sille voi antaa jonkin seuraavista arvoista:</p><ul><li><code>row</code>: Elementit järjestetään vaakasuuntaan tekstin kulkusuunnan mukaisesti.</li><li><code>row-reverse</code>: Elementit järjestetään vaakasuuntaan tekstin kulkusuunnan vastaisesti.</li><li><code>column</code>: Elementit järjestetään pystysuuntaan ylhäältä alas.</li><li><code>column-reverse</code>: Elementit järjestetään pystysuuntaan alhaalta ylös.</li></ul>',\n      'gl': '<p>Axuda ás rás a atopar a súa columna de nenúfares con <code>flex-direction</code>.</p><p>Esta propiedade CSS define a dirección na que se colocan os elementos no contedor, e acepta os seguintes valores:</p><ul><li><code>row</code>: Os elementos colócanse na mesma dirección có texto.</li><li><code>row-reverse</code>: Os elementos colócanse na dirección oposta ao texto.</li><li><code>column</code>: Os elementos dispóñense de arriba abaixo.</li><li><code>column-reverse</code>: Os elementos dispóñense de abaixo arriba.</li></ul>',\n      'th': '<p>ช่วยเจ้ากบหาคอลัมน์ของใบบัว ด้วยคำสั่ง <code>flex-direction</code> คุณสมบัติ CSS นี้กำหนดทิศทางที่ items จะถูกวางใน container, และรับค่าดังต่อไปนี้:</p><ul><li><code>row</code>: items จะถูกวางตามทิศทางของตัวหนังสือ</li><li><code>row-reverse</code>: items จะถูกวางไปในทิศทางตรงกันข้ามกับตัวหนังสือ</li><li><code>column</code>: items จะถูกวางจากบนลงล่าง</li><li><code>column-reverse</code>: items จะถูกวางจากล่างขึ้นบน</li></ul>',\n      'mn': '<p><code>flex-direction</code>-г ашиглан мэлхийнүүдэд сараана цэцэгсийн баганийг олоход нь туслаарай. Энэ CSS проперти нь items контейнерт хэрхэн байрлах чиглэлийг тодорхойлохдоо дараах утгуудыг хүлээн авна:</p><ul><li><code>row</code>: items-г текстийн чиглэлтэй адил байрлуулна.</ li><li><code>row-reverse</code>: items-г текстийн чиглэлийн эсрэг чиглэлд байрлуулна.</li><li><code>column</code>: itemcийг дээрээс доош байрлуулна.</ li><li><code>column-reverse</code>: itemcийг доороос дээш байрлуулна.</li></ul>',\n      'sk': '<p>Pomôžte žabkám nájsť ich stĺpik ľalioviek pomocou <code>flex-direction</code>. Táto vlastnosť CSS definuje smer, ktorým sú položky umiestnené v kontajneri, a akceptuje nasledujúce hodnoty:</p><ul><li><code>row</code>: Položky sú umiestnené rovnako ako smer textu.</li><li><code>row-reverse</code>: Položky sú umiestnené v opačnom smere, ako je smer textu.</li><li><code>column</code>: Položky sú umiestnené zhora nadol.</li><li><code>column-reverse</code>: Položky sú umiestnené zdola nahor.</li></ul>',\n      'si': '<p><code>flex-direction</code> භාවිතා කර මැඬියන්ට ඔවුන්ගේ නෙළුම් කොළ තීරුව සොයා ගැනීමට උදව් කරන්න. මෙම CSS ගුණාංගය කන්ටේනරය තුළ අයිතම තබා ඇති දිශාව තීරණය කරන අතර පහත අගයන් පිළිගනී:</p><ul><li><code>row</code>: text වල දිශාවට සමානව අයිතම තබා ඇත.</li><li><code>row-reverse</code>: text වල දිශාවට ප්රතිවිරුද්ධව අයිතම තබා ඇත.</li><li><code>column</code>: අයිතම උඩ සිට යටට තබා ඇත.</li><li><code>column-reverse</code>: අයිතම යට සිට උඩට තබා ඇත.</li></ul>',\n      'np': '<p>भ्यागुतोलाई तिनको लिलीप्याडको स्तम्भमा पुर्‍याउन <code>flex-direction</code> प्रयोग गर्नुहोस्। यो CSS प्रोपर्टीले कन्टेनरमा वस्तुहरू राख्ने दिशा निर्धारण गर्दछ र तलका मानहरू स्वीकार गर्दछ:</p> <ul> <li><code>row</code>: वस्तुहरू लेखन दिशासँग मिलेर राखिन्छन्।</li> <li><code>row-reverse</code>: वस्तुहरू लेखन दिशाको विपरीत राखिन्छन्।</li> <li><code>column</code>: वस्तुहरू माथिदेखि तलतिर राखिन्छन्।</li> <li><code>column-reverse</code>: वस्तुहरू तलदेखि माथितिर राखिन्छन्।</li> </ul>',\n      'my': '<p>ကွင်းဆက်အတွင်းရှိ အရာဝတ္ထုများကို ဘယ်လိုတည်ဆောက်မလဲဆိုတာကို <code>flex-direction</code> ကို အသုံးပြုပြီး ကွင်းဆက်အတွင်းရှိ အရာဝတ္ထုများကို ဘယ်လိုတည်ဆောက်မလဲဆိုတာကို သတ်မှတ်နိုင်ပါတယ်။ အောက်ပါတန်ဖိုးများကို လက်ခံနိုင်ပါတယ်။</p><ul><li><code>row</code>: အရာဝတ္ထုများကို စာသား၏ လမ်းကြောင်းနှင့် တူညီသော လမ်းကြောင်းဖြင့် တည်ဆောက်သည်။</li><li><code>row-reverse</code>: အရာဝတ္ထုများကို စာသား၏ လမ်းကြောင်းနှင့် ဆန့်ကျင်ဘက် လမ်းကြောင်းဖြင့် တည်ဆောက်သည်။</li><li><code>column</code>: အရာဝတ္ထုများကို အပေါ်မှ အောက်သို့ တည်ဆောက်သည်။</li><li><code>column-reverse</code>: အရာဝတ္ထုများကို အောက်မှ အပေါ်သို့ တည်ဆောက်သည်။</li></ul>',\n      'yo': '<p>Ràn àwọn ọ̀pọ̀lọ lọ́wọ́ láti wá àwọn ewé ọdàn wọn pẹ̀lú lílo<code>flex-direction</code>. Ohun-ini CSS yìí ń ṣàlàyé ìtọ́sọ́nà àwọn ohun kan tí a gbe sínú àgọ́lò, ó sì ń gba àwọn iye wọ̀nyí:</p><ul><li><code>row</code>: Àwọn nǹkan àti ọrọ̀ wà ní ìtọ́sọ́nà kan náà.</li><li><code>row-reverse</code>: Àwọn nǹkan àti ọrọ̀ wà ní ìdàkèjì. </li><li><code>column</code> Àwọn nǹkan ni a gbe sí ọ̀kè sí ìsàlẹ̀.</li><li><code>column-reverse</code>: Àwọn nǹkan ni a gbe sí ìsàlẹ̀ sí ọ̀kè.</li></ul>',\n      'no': '<p>Hjelp froskene med å finne kolonnen sin med vannliljer ved hjelp av <code>flex-direction</code>. Denne CSS-egenskapen definerer retningen elementene plasseres i beholderen, og godtar følgende verdier:</p><ul><li><code>row</code>: Elementene plasseres i samme retning som tekstretningen.</li><li><code>row-reverse</code>: Elementene plasseres motsatt av tekstretningen.</li><li><code>column</code>: Elementene plasseres topp til bunn.</li><li><code>column-reverse</code>: Elementene plasseres bunn til topp.</li></ul>',\n    },\n    board: 'gyr',\n    style: { 'flex-direction': 'column' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-direction 3',\n    instructions: {\n      'en': '<p>Help the frogs get to their own lilypads. Although they seem close, it will take both <code>flex-direction</code> and <code>justify-content</code> to get them there.</p><p>Notice that when you set the direction to a reversed row or column, start and end are also reversed.</p>',\n      'bn': '<p>ব্যাঙগুলোকে তাদের নিজস্ব পদ্ম-পাতায় ফিরে যেতে সাহায্য করুন। যদিও তাদের কাছাকাছি দেখায়, it will take both <code>flex-direction</code> এবং <code>justify-content</code> দুটির-ই দরকার পরবে তাদেরকে সেখানে পৌঁছে দিতে।</p><p>লক্ষ করুন যে যখন আপনি row বা column এর দিক বিপরীত করে দেন, শুরু এবং শেষ-ও উলটো হয়ে যায়।</p>',\n      'af': '<p>Help die paddas by hulle eie waterlelies uit kom. Al lyk hulle naby, dit sal <code>flex-direction</code> en <code>justify-content</code> vat om hulle daar te kry.</p><p>Let op as jy die direksie na reverse column of reverse row sit, is die begin en einde ook omgedraai.</p>',\n      'he': '<p>עזרו לצפרדעים להגיע לעלים שלהן. למרות שהן נראות קרובות, זה מצריך שימוש ב-<code>flex-direction</code> וב-<code>justify-content</code> כדי להגיע אליהם.</p><p>שימו לב שכשאתם משנים את הכיוון לכיוון ההפוך, ההגדרה של start ו-end מתחלפות גם הן.</p>',\n      'ro': '<p>Ajută broaștele să ajungă la nuferii lor. Cu toate că par aproape, va fi nevoie de <code>flex-direction</code> și <code>justify-content</code> pentru a le duce acolo.</p><p>Observă că atunci când setezi direcția ca rând sau coloană inversat(ă), începutul și sfârșitul sunt și ele inversate.</p>',\n      'bg': '<p>Помогни на жабчетата да достигнат до своите листа. Въпреки че изглеждат близо, ще трябва да използвате и <code>flex-direction</code>, и <code>justify-content</code>, за да достигнете до там.</p><p>Забележете, че когато използвате обърнат ред или колона (row-reverse или column-reverse), началото и края (flex-start и flex-end) също трябва да бъдат обърнати.</p>',\n      'de': '<p>Hilf den Fröschen, ihr Seerosenblatt zu erreichen. Obwohl sie nah dran sind, benötigst du sowohl <code>flex-direction</code>, als auch <code>justify-content</code>, um sie ans Ziel zu führen.</p><p>Hinweis: Wenn du eine umgekehrte Ausrichtung verwendest, sind Start und Ende auch umgedreht.</p>',\n      'pt-br': '<p>Ajude os sapos a encontrar suas próprias vitórias-régias. Elas parecem estar próximas, mas você precisará de ambas propriedades, <code>flex-direction</code> e <code>justify-content</code>, para levá-los lá.</p><p>Note que quando você define a direção para uma linha ou coluna reversa, start e end também são reversos.</p>',\n      'es': '<p>Ayuda a las ranas a llegar a sus hojas de lirio. A pesar de que ellas parecen estar cerca, necesitarás usar <code>flex-direction</code> y <code>justify-content</code> para llegar hasta allí.</p><p>Nota que cuando estableces la dirección a una fila invertida o columna, el inicio y el final también se invierten.</p>',\n      'fr': '<p>Aidez les grenouilles à arriver à leur propre nénuphar. Bien qu\\'elles semblent près, il faudra autant <code>flex-direction</code> que <code>justify-content</code> pour y arriver.</p><p>Remarquez que quand vous mettez la direction inversée, le début et la fin sont aussi inversés.</p>',\n      'ru': '<p>Помоги лягушатам попасть на свои лилии. Хоть и кажется, что они почти на своих местах, всё же придётся применить и <code>flex-direction</code>, и <code>justify-content</code>, чтобы поместить их на свои лилии.</p><p>Заметь, что когда ты устанавливаешь направление в обратном порядке для ряда или колонки, начало (start) и конец (end) тоже меняются местами.</p>',\n      'fa': '<p>به قورباغه ها کمک کنید تا نیلوفرهای آبی خود را پیدا کنند. برای این کار از خاصیت های <code>flex-direction</code> و <code>justify-content</code> استفاده کنید.</p><p>توجه داشته باشید وقتی که <span class=\"en-font\">flex-direction</span> مقادیر <span class=\"en-font\">row-reverse</span> یا <span class=\"en-font\">column-reverse</span> داشته باشد شروع و پایان معکوس می شود. </p>',\n      'zh-cn': '<p>帮助青蛙们回到它们的荷叶上。尽管它们看上去离的很近，需要用<code>flex-direction</code>和<code>justify-content</code>来帮它们到那里。</p><p>注意当你调转行或列的方向后，flex-start和flex-end对应的方向也被调转了。</p>',\n      'zh-tw': '<p>幫助青蛙們回到它們的荷葉上。儘管它們看上去離得很近，需要用<code>flex-direction</code>和<code>justify-content</code>來幫它們到那裏。</p><p>注意當你調轉列或行的方向後，flex-start和flex-end對應的方向也被調轉了。</p>',\n      'tr': '<p>Kurbağaların kendi nilüfer yapraklarını bulmalarına yardımcı olun. Yakında görünseler de, <code>flex-direction</code> ve <code>justify-content</code> kurallarını kullanarak onları yerlerine götürebilirsiniz.</p><p>Yerleştirme yönünü değiştirdiğini row-reverse ya da column-reverse yaptığınız zaman, başlangıç ve bitiş referanslarının da değiştiğini unutmayın.</p>',\n      'az': '<p>Qurbağaların öz zanbaq yarpaqlarını tapmaqlarına kömək edin. Yaxında görünsələr də, <code>flex-direction</code> və <code>justify-content</code> qaydalarını istifadə edərək onları yerlərinı götürəbilərsiniz.</p><p>Yerləşdirmə yönünü dəyişdirdiyiniz, yəni row-reverse və ya column-reverse etdiyiniz zaman, başlanğıc və bitiş referanslarının da dəyişdiyini unutmayın.</p>',\n      'it': '<p>Aiuta le rane a trovare la loro ninfea. Utilizza sia <code>flex-direction</code> sia <code>justify-content</code> per dirigerle nella giusta posizione.</p><p>Nota che quando viene impostata la direzione inversa per le righe o per le colonne, vengono invertiti anche i punti di start e di end.</p>',\n      'ko': '<p>개구리들이 자기 색깔과 같은 수련잎 위로 이동할 수 있도록 도와주세요. <code>flex-direction</code>과 <code>justify-content</code>를 모두 사용해야 합니다.</p><p> column-reverse 또는 row-reverse를 사용하면 요소들의 start와 end의 순서도 뒤바뀝니다.</p>',\n      'lt': '<p>Padekite varlytėms persikelti ant savo lelijos lapų. Nors jie ir yra arti, tačiau prireiks abiejų, <code>flex-direction</code> ir <code>justify-content</code> komandų, kad tai pasiektumėte.</p><p>Atkreipkite dėmesį, kad kai nustatote kryptį rikiuojančia atvirkščiai teksto skaitymo krypties arba iš apačios į viršų, elementų rikiavimo pradžia ir pabaiga taip pat apkeičiama pusėmis.</p>',\n      'vi': '<p>Giúp đỡ những chú ếch tìm thấy các lá bông súng của chúng. Mặc dù các lá gần nhau, nhưng sẽ cần cả hai thuộc tính <code>flex-direction</code> và <code>justify-content</code> để đưa chúng đến nơi.</p><p>Chú ý rằng khi bạn thiết lập các chiều hướng của một hàng hoặc cột đảo ngược, điểm bắt đầu và kết thúc cũng được đảo ngược.</p>',\n      'pl': '<p>Pomóż żabkom dotrzeć do swoich listków. Może i wydaje się, że są blisko ale potrzebne ci będą zarówno <code>flex-direction</code> jak i <code>justify-content</code>, aby wykonać to zadanie.</p><p>Zauważ, że ustawiając wartość z dopiskiem reverse, początek i koniec także się odwracają.</p>',\n      'cs': '<p>Pomozte žabkám na své lekníny. Vypadá to snadně, ale budete potřebovat kombinaci <code>flex-direction</code> a <code>justify-content</code>.</p><p>Všiměte si, že když se otočí řádek, prohodí se i začátek a konec.</p>',\n      'ja': '<p>カエルたちがそれぞれの蓮の葉に乗るのを助けてあげましょう。もうほとんど乗っているようにも見えますが、ちゃんと乗せるには<code>flex-direction</code>と<code>justify-content</code>の両方を使う必要があります。</p><p>方向としてrow-reverseやcolumnを指定した場合、始点と終点もまた逆になることに気を付けてください。</p>',\n      'hu': '<p>Segíts a békáknak megtalálni saját tündérrózsáikat. Bár úgy tűnik, egész közel járunk, mégis szükség lesz mind a <code>flex-direction</code>, mind pedig a <code>justify-content</code> tulajdonságra, hogy odajuttassuk őket.</p><p>Vedd figyelembe, hogy ha az irányzékot ellentétesre (reversed) állítod, a \\'start\\' és az \\'end\\' értékek jelentése is megcserélődik.</p>',\n      'eo': '<p>Helpu la ranojn alveni al iliaj akvolilifolioj. Kvankam ili ŝajnas proksimaj, lokigi la ranojn tien postulos ambaŭ <code>flex-direction</code> kaj <code>justify-content</code>.</p><p>Rimarku, kiam oni metas la direkton al inversita vico aŭ kolumno, tiam la komenco kaj la fino ankaŭ estus inversitaj.</p>',\n      'sv': '<p>Hjälp grodorna att ta sig till sina blomblad. Även om dom ser ut att vara nära så kommer det krävas både <code>flex-direction</code> och <code>justify-content</code> för att ta sig dit.</p><p>Notera att när du ändra riktning till en motsat rad eller kolumn så är start och slut också åt motsat håll.</p>',\n      'uk': '<p>Допоможи жабенятам потрапити на своє листя. Хоча може здатися, що вони вже на своїх місцях, але лише використав разом <code>flex-direction</code> та <code>justify-content</code> ти зможеш їх вірно розмістити.</p><p>Зверни увагу на те, що коли встановлюєш зворотній напрямок рядків або стовпчиків, початок і кінець також міняються місцями.</p>',\n      'hi': '<p>मेंढकों को उनके अपने लिली के पत्ते तक पहुंचाइये। हालांकि यह एक जैसे दिखते हैं, फिर भी इन्हें पहुँचाने के लिए हमें <code>flex-direction</code> एवं <code>justify-content</code> की मदद लेनी होगी। </p><p>ध्यान रखिये यदि आप पंक्ति एवं स्तम्भ की दिशा बदलते हैं, तो उनके शुरुआत एवं अंत भी बदल जाते हैं</p>',\n      'gj': '<p>દેડકાઓને તેમના પોતાના લિલીપેડ સુધી પહોંચવામાં મદદ કરો. તેમ છતાં તેઓ નજીકના લાગે છે, તેમને ત્યાં પહોંચવા માટે <code>flex-direction</code> અને <code>justify-content</code> બંનેની જરૂર પડશે.</p><p>નોંધ કરો કે જ્યારે તમે ઉલટી પંક્તિ અથવા કૉલમ પર દિશા સેટ કરો છો, ત્યારે શરૂઆત અને અંત પણ ઉલટાવી દેવામાં આવે છે.</p>',\n      'sr': '<p>Помози жабицама да дођу до својих локвања. Иако се чини да су близу, требаће ти оба <code>flex-direction</code> и <code>justify-content</code> да их поставиш где треба.</p><p>Обрати пажњу да када дефинишеш смер да буде обрнути ред или колона, почетак и крај су такође обрнути.</p>',\n      'bs': '<p>Pomozi žabicama da dođu do svojih listova. Iako se čini da su blizu, trebaće ti oba <code>flex-direction</code> i <code>justify-content</code>da ih postaviš gdje treba.</p><p>Obrati pažnju da kada definišeš smjer da bude obrnuti red ili kolona, početak i kraj su takođe obrnuti.</p>',\n      'hr': '<p>Pomozi žabicama da dođu do svojih listova. Iako se čini da su blizu, trebat će ti oba <code>flex-direction</code> i <code>justify-content</code>da ih postaviš gdje treba.</p><p>Obrati pažnju kada definiraš smjer da red ili kolona budu obrnuti, početak i kraj su također obrnuti.</p>',\n      'nl': '<p>Help de kikkers naar hun eigen lelieblaadjes. Ook al lijken ze dichtbij, toch zal het zowel <code>flex-direction</code> en <code>justify-content</code> vergen om hen daar te krijgen.</p><p>Let erop dat als je de richting (direction) omwisseld naar een \\'reversed-row\\' of \\'reversed-column\\', de start en het einde ook omgewisseld zijn.</p>',\n      'ta': '<p>தவளைகள் தங்கள் சொந்த இலைகளை பெற உதவவும். அவை நெருங்கி இருப்பது போல் தெரிகிறது என்றாலும், <code>flex-direction</code> மற்றும் <code>justify-content</code> பயன்படுத்தி  தவளைகளுக்கு  வழி காட்டவும்.</p><p>கவனி:  நீங்கள் வரிசை(row) அல்லது நிரல்(column) தலைகீழான  திசையில் அமைக்கும் போது, தொடக்க மற்றும் இறுதி மதிப்புகள்  மேலும் தலைகீழாய் மாறுவதை கவனியுங்கள்.</p>',\n      'te': '<p>కప్పలు తమ సొంత లిల్లీప్యాడ్‌లను పొందడానికి సహాయపడండి. అవి దగ్గరగా ఉన్నట్లు అనిపించినప్పటికీ, వాటిని అక్కడికి చేరుకోవడానికి <code>flex-direction</code> మరియు <code>justify-content</code> రెండూ పడుతుంది.</p><p> మీరు దిశను సెట్ చేసినప్పుడు గమనించండి రివర్స్డ్ అడ్డు వరుస లేదా కాలమ్, స్టార్ట్ మరియు ఎండ్ కూడా రివర్స్ చేయబడతాయి. </p>',\n      'ml': '<p>തവളകൾ സ്വന്തം lilypads ലേക്കുള്ള സഹായിക്കുക. അവർ തൊട്ടു അടുത്ത് ആണെങ്കിൽ പോലും  <code>flex-direction</code> and <code>justify-content</code> ഉപയോഗിക്കേണ്ടി വരും അവരെ ലക്ഷ്യസ്ഥാനത്തു എത്തിക്കാൻ </p><p>തിരിയുന്ന വരി അല്ലെങ്കിൽ നിരയിലേക്ക് നിങ്ങൾ ദിശ സജ്ജമാക്കിയാൽ, ആരംഭവും അവസാനവും തിരസ്കരിക്കുന്നു.</p>',\n      'el': '<p>Βοηθήστε τους βατράχους να φτάσουν στα νούφαρά τους. Αν και φαίνονται κοντά, θα χρειαστεί τόσο το <code>flex-direction</code> όσο και το <code>justify-content</code> για να τους πάτε εκεί.</p><p>Σημειώστε ότι όταν ορίζετε την κατεύθυνση σε μια αντεστραμμένη σειρά ή στήλη, η αρχή και το τέλος επίσης αντιστρέφονται.</p>',\n      'mk': '<p>Помогнете им на жабите да стигнат до своите листови. Иако се чинат близу, ќе бидат потребни и <code>flex-direction</code> и <code>justify-content</code> да ги доведеме таму.</p><p>Приметете дека кога ја поставувате насоката на ред или колона обратно, почетокот и крајот исто така треба да бидат обратни.</p>',\n      'lv': '<p>Palīdzi katram vardulēnam nokļūt uz savas ūdensrozes. Kaut arī izskatās, ka tie jau atrodas tuvu, šim uzdevumam vajadzēs lietot gan <code>flex-direction</code>, gan <code>justify-content</code>.</p><p>Ievēro, ka rindai vai kolonnai norādot apgriezto virzienu, sākums un beigas arī tiek apgriezti otrādāk.</p>',\n      'id': '<p>Bantu katak mencapai lilypads mereka sendiri. Meskipun mereka tampak dekat, itu akan membutuhkan keduanya<code>flex-direction</code> dan <code>justify-content</code> untuk mencapai ke sana.</p><p>Perhatikan bahwa ketika kamu mengatur arah ke baris atau kolom terbalik, mulai dan akhir juga terbalik.</p>',\n      'ar': '<p>ساعد الضفادع بالوصول الى اوراق الزنبق الخاصة بها. على الرغم من انها تبدو قريبة, الا انك ستستخدم كل من <code>flex-direction</code> و <code>justify-content</code> لايصالهم لاماكنهم.</p><p>لاحظ انه عند تعيين الاتجاه الى صف او عمود معكوس, يتم عكس البداية والنهاية ايضا.</p>',\n      'ca': '<p>Ajuda les granotes a arribar als seus nenúfars. Malgrat que semblen estar aprop, necesitaràs utilitzar <code>flex-direction</code> i <code>justify-content</code> per arribar fins allí.</p><p>Nota que quan estableixes la direcció a una fila invertida o columna, l\\'inici i el final també s\\'inverteixen.</p>',\n      'da': '<p>Hjælp frøerne med at finde hen til deres egne åkander. Selvom de ser ud til næsten at være der, skal der bruges både <code>flex-direction</code> og <code>justify-content</code> for at få dem derhen.</p><p>Bemærk at der byttes om på start og slut når du ændrer retningen til at være modsat tekstretningen.</p>',\n      'et': '<p>Aita konnadel saada oma vesiroosilehtedele. Kuigi nad võivad tunduda lähedal, on Sul vaja kasutada nii <code>flex-direction</code> kui ka <code>justify-content</code>, et nad sinna saada.</p><p>Pea meeles, et kui sa annad suunaks reversed row või column, siis algus ja lõpp on samuti vastupidised.</p>',\n      'fi': '<p>Auta sammakot omille lumpeenlehdilleen. Vaikka ne ovatkin melkein paikoillaan, sinun tarvitsee määrittää sekä <code>flex-direction</code> että <code>justify-content</code>.</p><p>Huomaa, että kun määrität vaaka- tai pystysuuntaisen järjestyksen käänteiseksi, alku- ja loppupää vaihtavat myös paikkaa.</p>',\n      'gl': '<p>Axuda ás rás a chegar a cadanseu nenúfar. Semellan preto, pero vas ter que usar tanto <code>flex-direction</code> coma <code>justify-content</code> para levalas ata alí.</p><p>Pensa que cando invertes a dirección da fila ou da columna, o comezo e o final tamén se intercambian.</p>',\n      'th': '<p>ช่วยเจ้ากบทั้งหลายไปหาใบบัวของมัน ถึงมันจะดูใกล้เคียง, มันก็ต้องใช้ทั้ง <code>flex-direction</code> และ <code>justify-content</code> ในการไปที่นั่น</p><p>สังเกตว่าเมื่อคุณกำหนดทิศทางไปในทางกลับด้าน, จุดเริ่มต้นและจุดสิ้นสุดก็กลับด้านไปด้วย</p>',\n      'mn': '<p>Мэлхийнүүдийг өөрсөдтэй нь ижил өнгийн сараана цэцэгст хүрэхэд нь туслаарай. Тэгэхийн тулд <code>flex-direction</code> болон <code>justify-content</code> хоёуланг нь ашиглах шаардагатай болно.</p><p>Урвуу байрлалтай мөр эсвэл баганын чиглэлийг тохируулах үед эхлэл ба төгсгөл нь мөн урвуу болно гэдгийг анхаарна уу.</p>',\n      'sk': 'Pomôžte žabkám dostať sa k ich vlastným liliám. Hoci sa zdajú byť blízko, bude potrebné, aby sa tam dostali pomocou <code>flex-direction</code> aj <code>justify-content</code>.<p>Všimnite si, že keď nastavíte smer na obrátený riadok alebo stĺpec, začiatok a koniec sa tiež obráti.</p>',\n      'si': '<p>මැඬියන්ට ඔවුන්ගේම නෙළුම් කොළ වෙත යාමට උදව් කරන්න. ඔවුන් සමීප බව පෙනුනද, ඔවුන්ව එහි ගෙන යාමට <code>flex-direction</code> සහ <code>justify-content</code> යන දෙකම අවශ්‍ය වනු ඇත.</p><p>ඔබ පේළියක හෝ තීරුවක දිශාව reverse කළ විට, මුල සහ අගද reverse වන බව සලකන්න.</p>',\n      'np': '<p>भ्यागुतोलाई तिनका आफ्ना लिलीप्याडमा पुर्‍याउन मद्दत गर्नुहोस्। यद्यपि तिनीहरू नजिक देखिन्छन्, तर तिनीहरूलाई पुर्‍याउन <code>flex-direction</code> र <code>justify-content</code> दुबैको प्रयोग आवश्यक हुनेछ।</p> <p>ध्यान दिनुहोस् कि जब तपाईं दिशा उल्टो पंक्ति वा स्तम्भमा सेट गर्नुहुन्छ, तब सुरु र अन्त्य पनि उल्टिन्छ।</p',\n      'my': '<p>ကွင်းပေါ်ရှိ ကွင်းလေးများကို ကွင်းပေါ်ရှိ သူတို့ရဲ့ လိပ်ပြာများအထိ ရောက်အောင် ကူညီပါ။ သူတို့က နီးစပ်နေတဲ့အထင်ဖြစ်နိုင်ပေမယ့် <code>flex-direction</code> နဲ့ <code>justify-content</code> နှစ်ခုလုံးကို အသုံးပြုရပါမယ်။</p><p>သင်သည် အကြောင်းအရာကို ပြန်လည်သတ်မှတ်သော အခါတွင် စတင်ခြင်းနှင့် အဆုံးသတ်ခြင်းတို့လည်း ပြန်လည်သတ်မှတ်သည်ကို သတိပြုပါ။</p>',\n      'yo': '<p>Ràn àwọn ọ̀pọ̀lọ lọ́wọ́ láti lọ sí àwọn ewé ọdàn wọn. Bótilẹ́jẹ̀pé wọ́n dàbí isunmọ́, yóò gba méjèèjì <code>flex-direction</code> ati <code>justify-content</code> láti mú wọ́n wá níbẹ̀.</p><p>Ṣàkíyèsí pé nígbà tí o bá ṣètò ìtọ́sọ́nà sí ọ̀nà tí ó yípadà tàbí iwe, ìbẹ̀rẹ̀ àti ìparí yóò yí padà náà.</p>',\n      'no': '<p>Hjelp froskene med å komme til sine egne vannliljeblader. Selv om de virker nærme, vil det kreve både <code>flex-direction</code> og <code>justify-content</code> for å få dem dit.</p><p>Merk at når du setter retningen til en omvendt rad eller kolonne, blir start og slutt også omvendt.</p>',\n    },\n    board: 'gyr',\n    style: { 'flex-direction': 'row-reverse', 'justify-content': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-direction 4',\n    instructions: {\n      'en': '<p>Help the frogs find their lilypads using <code>flex-direction</code> and <code>justify-content</code>.</p><p>Notice that when the flex direction is a column, <code>justify-content</code> changes to the vertical and <code>align-items</code> to the horizontal.</p>',\n      'bn': '<p><code>flex-direction</code> এবং <code>justify-content</code> ব্যবহার করে ব্যাঙগুলোকে তাদের পদ্ম-পাতা খুঁজে দিতে সাহায্য করুন।</p><p>লক্ষ করুন lex direction যখন column, তখন <code>justify-content</code> পরিবর্তন হয়ে vertical হয়, এবং <code>align-items</code> হয় horizontal।</p>',\n      'af': '<p>Help die paddas om hulle waterlelies te kry met die gebruik van <code>flex-direction</code> en <code>justify-content</code>.</p><p>Let op wanneer die flex direction column is, verander <code>justify-content</code> na vertikaal en <code>align-items</code> na horisontaal.</p>',\n      'he': '<p>עזרו לצפרדעים להגיע לעלים שלהן בשימוש ב-<code>flex-direction</code> וב-<code>justify-content</code>.</p><p>שימו לב שכאשר כיוון ה-flex הוא עמודה, <code>justify-content</code> משנה את הציר האנכי (כי הוא הופך להיות הציר הראשי) ו-<code>align-items</code> משנה את הציר האופקי (שהופך להיות הציר המשני).</p>',\n      'ro': '<p>Ajută broaștele să-și găsească nuferii folosind <code>flex-direction</code> și <code>justify-content</code>.</p><p>Observă că atunci când direcția flex este o coloană, <code>justify-content</code> schimbă pe verticală și <code>align-items</code> pe orizontală.</p>',\n      'bg': '<p>Помогни на жабчетата да намерят своите листа, използвайки <code>flex-direction</code> и <code>justify-content</code>.</p><p>Забележи, че когато flex direction е колона, <code>justify-content</code> променя по вертикалата и <code>align-items</code> променя по хоризонталата.</p>',\n      'de': '<p>Hilf den Fröschen mit <code>flex-direction</code> und <code>justify-content</code>, ihr Seerosenblatt zu finden.</p><p>Hinweis: Wenn du eine vertikale Ausrichtung wählst, beeinflusst <code>justify-content</code> die vertikale Ausrichtung und <code>align-items</code> die horizontale.</p>',\n      'pt-br': '<p>Ajude os sapos a encontrar suas vitórias-régias usando <code>flex-direction</code> e <code>justify-content</code>.</p><p>Note que quando a direção é em coluna, <code>justify-content</code> muda para a vertical e <code>align-items</code> para a horizontal.</p>',\n      'es': '<p>Ayuda a las ranas a encontrar sus hojas de lirio usando <code>flex-direction</code> y <code>justify-content</code>.</p><p>Nota que cuando es una columna, <code>justify-content</code> cambia a vertical y <code>align-items</code> a horizontal.</p>',\n      'fr': '<p>Aidez les grenouilles à trouver leurs nénuphars en utilisant <code>flex-direction</code> et <code>justify-content</code>.</p><p>Remarquez que quand la direction est en colonne, <code>justify-content</code> change pour la verticale et <code>align-items</code> pour l\\'horizontale.</p>',\n      'ru': '<p>Помоги лягушатам найти их лилии с помощью <code>flex-direction</code> и <code>justify-content</code>.</p><p>Заметь, когда в качестве направления выбрана колонка, то <code>justify-content</code> влияет на вертикальное выравнивание, а <code>align-items</code> — на горизонтальное.</p>',\n      'fa': '<p> به قورباغه ها کمک کنید تا به نیلوفرهای آبی خود برسند برای این کار از خاصیت های <code>flex-direction</code> و <code>justify-content</code> استفاده کنید.</p><p>توجه داشته باشید وقتی <span class=\"en-font\">flex-direction</span> مقدار <span class=\"en-font\">column</span> داشته باشد, محور <code>justify-content</code> عمودی و <code>align-items</code> افقی می شود.</p>',\n      'zh-cn': '<p>用<code>flex-direction</code>和<code>justify-content</code>来帮助青蛙找到他们的方向</p><p>注意当flex以列为方向时，<code>justify-content</code>控制纵向对齐，<code>align-items</code>控制横向对齐。</p>',\n      'zh-tw': '<p>用<code>flex-direction</code>和<code>justify-content</code>來幫助青蛙找到他們的方向</p><p>注意當flex以行爲方向時，<code>justify-content</code>控制縱向對齊，<code>align-items</code>控制橫向對齊。</p>',\n      'tr': '<p><code>flex-direction</code> ve <code>justify-content</code> kurallarını kullanarak kurbağaların kendi nilüfer yapraklarını bulmalarına yardımcı olun.</p><p>flex direction kuralı column değerini aldığında, <code>justify-content</code> kuralı dikeyde ve <code>align-items</code> kuralı yatayda çalışır, unutmayın.</p>',\n      'az': '<p><code>flex-direction</code> və <code>justify-content</code> qaydalarını istifadə edərək qurbağaların öz zanbaq yarpaqlarını tapmaqlarına kömək edin.</p><p>flex direction qaydası column dəyərini aldığı zaman, <code>justify-content</code> qaydası şaquli istiqamət də və <code>align-items</code> qaydası isə horizontal istiqamətdə işləyir.</p>',\n      'it': '<p>Aiuta le rane a raggiungere le ninfee utilizzando <code>flex-direction</code> e <code>justify-content</code>.</p><p>Nota che quando la direzione flex è una colonna,  <code>justify-content</code> cambia l\\'allineamento verticale e <code>align-items</code> quello orizzontale.</p>',\n      'ko': '<p>개구리들이 자기 색깔과 같은 수련잎 위로 이동할 수 있도록 도와주세요. <code>flex-direction</code>과 <code>justify-content</code>를 모두 사용해야 합니다.</p><p>Flex의 방향이 column일 경우 <code>justify-content</code>의 방향이 세로로, <code>align-items</code>의 뱡향이 가로로 바뀝니다.</p>',\n      'lt': '<p>Naudodami <code>flex-direction</code> ir <code>justify-content</code> padėkite varlytėms rasti savo lelijos lapus.</p><p>Atkreipkite dėmesį, kad kai rikiavimo būdas yra stulpelis <code>justify-content</code> keičia elementų rikiavimą vertikaliai, o <code>align-items</code> horizontaliai.</p>',\n      'vi': '<p>Giúp đỡ những chú ếch tìm thấy các lá bông súng của chúng bằng cách sử dụng <code>flex-direction</code> và <code>justify-content</code>.</p><p>Chú ý rằng khi hướng flex là hàng dọc, <code>justify-content</code> thay đổi thành chiều dọc và <code>align-items</code> to chiều ngang.</p>',\n      'pl': '<p>Pomóż żabkom dotrzeć do listków używając <code>flex-direction</code> i <code>justify-content</code>.</p><p>Zauważ, że w przypadku gdy <code>flex direction</code> ma wartość column to <code>justify-content</code> wyrównuje element pionowo, a <code>align-items</code> poziomo.</p>',\n      'cs': '<p>Pomozte žabkám najít své lekníny pomocí <code>flex-direction</code> a <code>justify-content</code>.</p><p>Všiměte si, že když je hlavní osa svislá, <code>justify-content</code> zarovnává prvky svisle a <code>align-items</code> vodorovně.</p>',\n      'ja': '<p><code>flex-direction</code>と<code>justify-content</code>を使って、カエルたちがそれぞれの蓮の葉を見つけるのを助けてあげてください。</p><p>flexの方向がcolumnのとき、<code>justify-content</code>は垂直方向の、<code>align-items</code>は水平方向の並び方を変えるようになることに気を付けてください。</p>',\n      'hu': '<p>Segíts a békáknak megtalálni a tündérrózsáikat a <code>flex-direction</code> és a <code>justify-content</code> használatával.</p><p>Vedd figyelembe, hogy ha a flex direction értéke column (oszlopos), akkor a <code>justify-content</code> már a függőleges, míg az <code>align-items</code> a vízszintes elrendezésre vonatkozik.</p>',\n      'eo': '<p>Lokigu la ranojn al iliaj akvolilifolioj pere de <code>flex-direction</code> kaj <code>justify-content</code>.</p><p>Rimarku, kiam la flex-a direkto estas kolumno, tiam <code>justify-content</code> ŝanĝus al la vertikalo kaj <code>align-items</code> al la horizontalo.</p>',\n      'sv': '<p>Hjälp grodorna att ta sig till sina blomblad genom att använda <code>flex-direction</code> och <code>justify-content</code>.</p><p>Notera att när flex-direction är en kolumn så ändras <code>justify-content</code> till vertikalt och <code>align-items</code> till horisontellt.</p>',\n      'uk': '<p>Допоможи жабенятам потрапити на своє листя латаття за допомогою <code>flex-direction</code> та <code>justify-content</code>.</p><p>Зауваж, коли напрямок обрано стовпчиком, то <code>justify-content</code> впливає на вертикальне вирівнювання, а <code>align-items</code> - на горизонтальне.</p>',\n      'hi': '<p><code>flex-direction</code> एवं <code>justify-content</code> से मेंढकों को उनके लिली के पत्ते ढुंढने में मदद कीजिये।</p><p>ध्यान दीजिये, जब भी flex direction स्तम्भ की जाती है, <code>justify-content</code> ऊर्ध्वाधर में एवं <code>align-items</code> छैतिज़ में बदल जाता है।</p>',\n      'gj': '<p><code>flex-direction</code> તેમજ <code>justify-content</code> ની મદદથી લીલીના પાન સુધી દેડકાઓને પહોંચવામાં મદદ કરો .</p><p> ધ્યાન રાખો કે જયારે  flex directionની વૅલ્યુ column હોય છે, <code>justify-content</code> ની વૅલ્યુ vertical  તેમજ <code>align-items</code> ની વૅલ્યુ horizontal થઇ જાય છે .</p>',\n      'sr': '<p>Помози жабицама да дођу до својих локвања користећи <code>flex-direction</code> и <code>justify-content</code>.</p><p>Обрати пажњу да када је флекс правац колона <code>justify-content</code> постаје вертикалан а <code>align-items</code> постаје хоризонталан.</p>',\n      'bs': '<p>Pomozi žabicama da dođu do svojih listova koristeći <code>flex-direction</code> i <code>justify-content</code>.</p><p>Obrati pažnju da kada je fleks pravac kolona <code>justify-content</code> postaje vertikalan a <code>align-items</code> postaje horizontalan.</p>',\n      'hr': '<p>Pomozi žabicama da dođu do svojih listova koristeći <code>flex-direction</code> i <code>justify-content</code>.</p><p>Obrati pažnju da kada je fleks pravac kolona <code>justify-content</code> postaje vertikalan a <code>align-items</code> postaje horizontalan.</p>',\n      'nl': '<p>Help de kikkers hun lelieblaadjes vinden door gebruik te maken van <code>flex-direction</code> en <code>justify-content</code>.</p><p>Let erop dat waneer de flex-direction column (verticaal) is, <code>justify-content</code> van toepassing is op de verticale as, en <code>align-items</code> op de horizontale as.</p>',\n      'ta': '<p><code>flex-direction</code> மற்றும் <code>justify-content</code> பயன்படுத்தி தவளைகள் தங்கள் சொந்த இலைகளை சென்றடைய உதவவும்.</p><p>கவனி:  flex direction மதிப்பு column என்றிருக்கும்போது, <code>justify-content</code> செங்குத்து(vertical) மாற்றங்களையும் மற்றும் <code>align-items</code> கிடைமட்ட(horizontal) மாற்றங்களையும் அடைகிறது.</p>',\n      'te': '<p>కప్పలు వారి లిల్లీప్యాడ్‌లను <code>flex-direction</code> మరియు <code>justify-content</code> ఉపయోగించి కనుగొనడంలో సహాయపడండి. ఒక నిలువు వరుస, <code>justify-content</code> నిలువుకు మార్పులు మరియు <code>align-items</code> క్షితిజ సమాంతరంగా. </p> ',\n      'ml': '<p><code>flex-direction</code> and <code>justify-content</code> ഉപയോഗിച്ച് വഴു കണ്ടു പിടിക്കാൻ സഹായിക്കുക .</p><p>ശ്രദ്ധിക്കുക, <code>flex direction</code> column ആണെങ്കിൽ <code>justify-content</code> vertical ആകും <code>align-items</code> horizontal ആകും .</p>',\n      'el': '<p>Βοηθήστε τους βατράχους να βρουν τα νούφαρά τους χρησιμοποιώντας τα <code>flex-direction</code> και <code>justify-content</code>.</p><p>Σημειώστε ότι όταν η κατεύθυνση flex είναι μια στήλη, το <code>justify-content</code> αλλάζει στον κάθετο άξονα και το <code>align-items</code> στον οριζόντιο.</p>',\n      'mk': '<p>Помогнете им на жабите да ги најдат своите листови со користење на <code>flex-direction</code> и <code>justify-content</code>.</p><p>Приметете дека кога flex насоката е колона, <code>justify-content</code> променува по вертикалата и <code>align-items</code> по хоризонталата.</p>',\n      'lv': '<p>Lietojot <code>flex-direction</code> un <code>justify-content</code>, palīdzi katram vardulēnam nokļūt uz savas ūdensrozes. Ievēro, ka \"flex-direction\" esot \"column\", <code>justify-content</code> mainās uz vertikālo un <code>align-items</code> uz horizontālo.</p>',\n      'id': '<p>Bantu katak menemukan lilypads mereka menggunakan <code>flex-direction</code> dan <code>justify-content</code>.</p><p>Perhatikan bahwa ketika arah flex adalah kolom, <code>justify-content</code> ubah vertical dan <code>align-items</code> dan ke horizontal.</p>',\n      'ar': '<p>ساعد الضفادع بالوصول الى اوراق الزنبق الخاصة بها باستخدام <code>flex-direction</code> و <code>justify-content</code>.</p><p>لاحظ انه عند استخدام الاتجاه العامودي, <code>justify-content</code> تتغير الى عامودي و <code>align-items</code> تتغير الى افقي.</p>',\n      'ca': '<p>Ajuda les granotes a trobar els seus nenúfars utilitzant <code>flex-direction</code> i <code>justify-content</code>.</p><p>Nota que quan és una columna, <code>justify-content</code> canvia a vertical i <code>align-items</code> a horitzontal.</p>',\n      'da': '<p>Hjælp frøerne med at finde deres åkander med <code>flex-direction</code> og <code>justify-content</code>.</p><p>Bemærk at <code>justify-content</code> ændres til lodret og <code>align-items</code> til vandret når flex-retningen er en kolonne.</p>',\n      'et': '<p>Aita konnadel leida oma vesiroosileht kasutades <code>flex-direction</code> ja <code>justify-content</code>.</p><p>Pea meeles, et kui flex direction on veerg (column), siis <code>justify-content</code> muutub vertikaalseks ja <code>align-items</code> horisontaalseks</p>',\n      'fi': '<p>Auta sammakoita löytämään omat lumpeenlehtensä ominaisuuksien <code>flex-direction</code> ja <code>justify-content</code> avulla.</p><p>Huomaa, että kun elementit järjestetään pystysuunnassa, kohdistaa <code>justify-content</code> elementit pystysuuntaisesti ja <code>align-items</code> vaakasuuntaisesti.</p>',\n      'gl': '<p>Axuda ás rás a chegar aos nenúfares botando man de <code>flex-direction</code> e <code>justify-content</code>.</p><p>Ten en conta que cando a dirección é de columna, <code>justify-content</code> pasa a controlar o eixe vertical e <code>align-items</code> o horizontal.</p>',\n      'th': '<p>ช่วยเจ้ากบทั้งหลายไปหาใบบัวของมัน ด้วยคำสั่ง <code>flex-direction</code> และ <code>justify-content</code>.</p><p>สังเกตว่าถ้า flex direction เป็น column, <code>justify-content</code> จะเปลี่ยนไปเป็นแนวตั้งและ <code>align-items</code> จะเปลี่ยนไปเป็นแนวนอน</p>',\n      'mn': '<p>Мэлхийнүүдэд <code>flex-direction</code> болон <code>justify-content</code>-г ашиглан сараана цэцэгсээ олоход нь туслаарай.</p><p>flex-direction проперти column байх үед <code>justify-content</code> босоо чиглэлд, <code>align-items</code> хэвтээ чиглэлд өөрчлөгдөнө гэдгийг анхаарна уу.</p>',\n      'sk': '<p>Pomôžte žabkám nájsť ich lienky pomocou <code>flex-direction</code> a <code>justify-content</code>.</p><p>Všimnite si, že keď je smer flex stĺpec, <code>justify-content</code> sa zmení na vertikálny a <code>align-items</code> na horizontálny.</p>',\n      'si': '<p>මැඬියන්ට ඔවුන්ගේ නෙළුම් කොළ වෙත යාමට උදව් කිරීමට <code>flex-direction</code> සහ <code>justify-content</code> භාවිතා කරන්න.</p><p>flex direction එක column වන විට, <code>justify-content</code> සිරස් අතට වෙනස් වන අතර <code>align-items</code> තිරස් වේ.</p>',\n      'np': '<p>भ्यागुतोलाई <code>flex-direction</code> र <code>justify-content</code> प्रयोग गरेर तिनका लिलीप्याडहरूमा पुर्‍याउन मद्दत गर्नुहोस्।</p> <p>ध्यान दिनुहोस् कि जब flex direction स्तम्भमा हुन्छ, <code>justify-content</code> ठाडो दिशामा परिवर्तन हुन्छ र <code>align-items</code> तेर्सो दिशामा सर्छ।</p>',\n      'my': '<p>ကွင်းဆက်အတိုင်း <code>flex-direction</code> နှင့် <code>justify-content</code> ကို အသုံးပြု၍ ငါးငါးများကို သူတို့ရဲ့ လိပ်ပြာများကို ရှာဖွေရာတွင် ကူညီပါ။</p><p>Flex direction ကို column ဖြစ်သောအခါ <code>justify-content</code> သည် တိုင်းတာမှုကို တည်ဆောက်ပြီး <code>align-items</code> သည် အလယ်တွင် တည်ဆောက်သည်။</p>',\n      'yo': '<p>Ṣe iranlọwọ fún àwọn ọ̀pọ̀lọ láti wá àwọn ewé ọdàn wọn nípasẹ̀ lílo <code>flex-direction</code> àti <code>justify-content</code>.</p><p>Ṣàkíyèsí pé nígbà tí flex direction jẹ́ ọ̀wọn kan, <code>justify-content</code> yí padà sí inaro àti <code>align-items</code> sí petele.</p>',\n      'no': '<p>Hjelp froskene med å finne vannliljebladene sine ved hjelp av <code>flex-direction</code> og <code>justify-content</code>.</p><p>Legg merke til at når fleksretningen er en kolonne, endres <code>justify-content</code> til vertikal og <code>align-items</code> til horisontal.</p>',\n    },\n    board: 'gyr',\n    style: { 'flex-direction': 'column', 'justify-content': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-direction 5',\n    instructions: {\n      'en': '<p>Help the frogs find their lilypads using <code>flex-direction</code> and <code>justify-content</code>.</p>',\n      'bn': '<p><code>flex-direction</code> এবং <code>justify-content</code> ব্যবহার করে ব্যাঙগুলোকে তাদের পদ্ম-পাতা খুঁজে দিতে সাহায্য করুন।</p>',\n      'af': '<p>Help die paddas om hulle waterlelies te kry met <code>flex-direction</code> en <code>justify-content</code>.</p>',\n      'he': '<p>עזרו לצפרדעים להגיע לעלים שלהן בשימוש ב-<code>flex-direction</code> וב-<code>justify-content</code>.</p>',\n      'ro': '<p>Ajută broaștele să-și găsească nuferii folosind <code>flex-direction</code> și <code>justify-content</code>.</p>',\n      'bg': '<p>Помогни на жабчетата да намерят своите листа, използвайки <code>flex-direction</code> и <code>justify-content</code>.</p>',\n      'de': '<p>Hilf den Fröschen mit <code>flex-direction</code> und <code>justify-content</code>, ihr Seerosenblatt zu finden.</p>',\n      'pt-br': '<p>Ajude os sapos a encontrar suas vitórias-régias usando <code>flex-direction</code> e <code>justify-content</code>.</p>',\n      'es': '<p>Ayuda a las ranas a encontrar sus hojas de lirio usando <code>flex-direction</code> y <code>justify-content</code>.</p>',\n      'fr': '<p>Aidez les grenouilles à trouver leurs nénuphars en utilisant <code>flex-direction</code> et <code>justify-content</code>.</p>',\n      'ru': '<p>Помоги лягушатам найти их лилии с помощью <code>flex-direction</code> и <code>justify-content</code>.</p>',\n      'fa': '<p>به قورباغه ها کمک کنید تا نیلوفرهای آبی خود را پیدا کنند. با استفاده از <code>flex-direction</code> و <code>justify-content</code> این کار را انجام دهید.</p>',\n      'zh-cn': '<p>用<code>flex-direction</code>和<code>justify-content</code>来帮助青蛙回到他们的荷叶上。</p>',\n      'zh-tw': '<p>用<code>flex-direction</code>和<code>justify-content</code>來幫助青蛙回到他們的荷葉上。</p>',\n      'tr': '<p><code>flex-direction</code> ve <code>justify-content</code> kurallarını kullanarak kurbağaların kendi nilüfer yapraklarını bulmalarına yardımcı olun.</p>',\n      'az': '<p><code>flex-direction</code> və <code>justify-content</code> qaydalarını istifadə edərək qurbağaların öz zanbaq yarpaqlarını tapmaqlarına kömək edin.</p>',\n      'it': '<p>Aiuta le rane a raggiungere la loro ninfea utilizzando <code>flex-direction</code> e <code>justify-content</code>.</p>',\n      'ko': '<p><code>flex-direction</code>과 <code>justify-content</code>를 사용하여 개구리들이 자기 색깔과 같은 수련잎 위로 이동할 수 있도록 도와주세요.</p>',\n      'lt': '<p>Padėkite varlytėms rasti savo lelijos lapus naudodami <code>flex-direction</code> ir <code>justify-content</code>.</p>',\n      'vi': '<p>Giúp đỡ những chú ếch tìm các lá bông súng của họ bằng cách sử dụng <code>flex-direction</code> và <code>justify-content</code>.</p>',\n      'pl': '<p>Pomóż żabkom dotrzeć do swoich listków używając <code>flex-direction</code> i <code>justify-content</code>.</p>',\n      'cs': '<p>Pomozte žabkám najít své lekníny pomocí <code>flex-direction</code> a <code>justify-content</code>.</p>',\n      'ja': '<p><code>flex-direction</code>と<code>justify-content</code>を使って、カエルたちがそれぞれの蓮の葉を見つけるのを助けてあげてください。</p>',\n      'hu': '<p>Segíts a békáknak megtalálni a tündérrózsáikat a <code>flex-direction</code> és a <code>justify-content</code> használatával.</p>',\n      'eo': '<p>Alvenigu la ranojn al iliaj nimfeofolioj uzante <code>flex-direction</code> kaj <code>justify-content</code>.</p>',\n      'sv': '<p>Hjälp grodorna till sina blomblad genom att använda <code>flex-direction</code> och <code>justify-content</code>.</p>',\n      'uk': '<p>Допоможи жабенятам знайти своє листя латаття скориставшись <code>flex-direction</code> та <code>justify-content</code>.</p>',\n      'hi': '<p><code>flex-direction</code> एवं <code>justify-content</code> की मदद से मेंढकों को उनके लिली के पत्ते तक पहुंचाइये।</p>',\n      'gj': '<p><code>flex-direction</code> તેમજ <code>justify-content</code> ની મદદ થી દેડકાઓને લીલીના પાન સુધી પહોંચાડવામાં મદદ કરો. </p>',\n      'sr': '<p>Помози жабицама да дођу до својих локвања користећи <code>flex-direction</code> и <code>justify-content</code>.</p>',\n      'bs': '<p>Pomozi žabicama da dođu do svojih listova koristeći <code>flex-direction</code> i <code>justify-content</code>.</p>',\n      'hr': '<p>Pomozi žabicama da dođu do svojih listova koristeći <code>flex-direction</code> i <code>justify-content</code>.</p>',\n      'nl': '<p>Help de kikkers met het vinden van hun lelieblaadjes door gebruik te maken van <code>flex-direction</code> en <code>justify-content</code>.</p>',\n      'ta': '<p><code>flex-direction</code> மற்றும் <code>justify-content</code> பயன்படுத்தி தவளைகள் தங்கள் சொந்த இலைகளை சென்றடைய உதவவும்.</p>',\n      'te': '<p>కప్పలు తమ లిల్లీప్యాడ్‌లను <code>flex-direction</code> మరియు <code>justify-content</code> ఉపయోగించి కనుగొనడంలో సహాయపడండి. </p>',\n      'ml': '<p><code>flex-direction</code> and <code>justify-content</code> ഉപയോഗിച്ച് വഴി കണ്ടെത്താൻ സഹായിക്കുക.</p>',\n      'el': '<p>Βοηθήστε τους βατράχους να βρουν τα νούφαρά τους χρησιμοποιώντας τα <code>flex-direction</code> και <code>justify-content</code>.</p>',\n      'mk': '<p>Помогнете им на жабите да ги најдат своите листови со користење на <code>flex-direction</code> и <code>justify-content</code>.</p>',\n      'lv': '<p>Palīdzi katram vardulēnam atrast savu ūdensrozi. Lieto <code>flex-direction</code> un <code>justify-content</code></p>',\n      'id': '<p>Bantu katak menemukan lilypad menggunakan <code>flex-direction</code> dan <code>justify-content</code>.</p>',\n      'ar': '<p>ساعد الضفادع لإيجاد اوراق الزنبق باستخدام <code>flex-direction</code> و <code>justify-content</code>.</p>',\n      'ca': '<p>Ajuda les granotes a trobar els seus nenúfars utilitzant <code>flex-direction</code> i <code>justify-content</code>.</p>',\n      'da': '<p>Hjælp frøerne med at finde deres åkander med <code>flex-direction</code> og <code>justify-content</code>.</p>',\n      'et': '<p>Aita konnadel leida oma vesiroosileht kasutades <code>flex-direction</code> ja <code>justify-content</code>.</p>',\n      'fi': '<p>Auta sammakoita löytämään omat lumpeenlehtensä ominaisuuksien <code>flex-direction</code> ja <code>justify-content</code> avulla.</p>',\n      'gl': '<p>Leva as rás ata os nenúfares empregando <code>flex-direction</code> e <code>justify-content</code>.</p>',\n      'th': '<p>ช่วยเจ้ากบทั้งหลายไปสู่ใบบัวของมัน ด้วยคำสั่ง <code>flex-direction</code> และ <code>justify-content</code>.</p>',\n      'mn': '<p>Мэлхийнүүдэд <code>flex-direction</code> болон <code>justify-content</code>-г ашиглан сараана цэцгээ олоход нь туслаарай.</p>',\n      'sk': '<p>Pomôžte žabkám nájsť ich lienky pomocou <code>flex-direction</code> a <code>justify-content</code>.</p>',\n      'si': '<p>මැඬියන්ට ඔවුන්ගේ නෙළුම් කොළ වෙත යාමට උදව් කිරීමට <code>flex-direction</code> සහ <code>justify-content</code> භාවිතා කරන්න.</p>',\n      'np': '<p>भ्यागुतोलाई <code>flex-direction</code> र <code>justify-content</code> प्रयोग गरेर तिनका लिलीप्याडमा पुर्‍याउन मद्दत गर्नुहोस्।</p>',\n      'my': '<p>ကွင်းလေးများကို <code>flex-direction</code> နှင့် <code>justify-content</code> ကို အသုံးပြု၍ ကွင်းလေးများကို ရှာဖွေပါ။</p>',\n      'yo': '<p>Ṣe iranlọwọ fún àwọn ọ̀pọ̀lọ láti wá àwọn ewé ọdàn wọn nípasẹ̀ lílo <code>flex-direction</code> àti <code>justify-content</code>.</p>',\n      'no': '<p>Hjelp froskene med å finne vannliljebladene sine ved hjelp av <code>flex-direction</code> og <code>justify-content</code>.</p>',\n    },\n    board: 'gyr',\n    style: { 'flex-direction': 'column-reverse', 'justify-content': 'space-between' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-direction 6',\n    instructions: {\n      'en': '<p>Help the frogs find their lilypads using <code>flex-direction</code>, <code>justify-content</code>, and <code>align-items</code>.</p>',\n      'bn': '<p><code>flex-direction</code>, <code>justify-content</code>, এবং <code>align-items</code> ব্যবহার করে ব্যাঙগুলোকে তাদের পদ্দম-পাতা খুঁজে পেতে সাহায্য করুন।</p>',\n      'af': '<p>Help die paddas om hulle waterlelies te kry met <code>flex-direction</code>, <code>justify-content</code>, en <code>align-items</code>.</p>',\n      'he': '<p>עזרו לצפרדעים להגיע לעלים שלהן בשימוש ב-<code>flex-direction</code>, <code>justify-content</code>, וב-<code>align-items</code>.</p>',\n      'ro': '<p>Ajută broaștele să-și găsească nuferii folosind <code>flex-direction</code>, <code>justify-content</code>, și <code>align-items</code>.</p>',\n      'bg': '<p>Помогни на жабчетата да намерят своите листа, използвайки <code>flex-direction</code>, <code>justify-content</code> и <code>align-items</code>.</p>',\n      'de': '<p>Hilf den Fröschen mit <code>flex-direction</code>, <code>justify-content</code> und <code>align-items</code>, ihr Seerosenblatt zu finden.</p>',\n      'pt-br': '<p>Ajude os sapos a encontrar suas vitórias-régias usando <code>flex-direction</code>, <code>justify-content</code> e <code>align-items</code>.</p>',\n      'es': '<p>Ayuda a las ranas a encontrar sus hojas de lirio usando <code>flex-direction</code>, <code>justify-content</code>, y <code>align-items</code>.</p>',\n      'fr': '<p>Aidez les grenouilles à trouver leurs nénuphars en utilisant <code>flex-direction</code>, <code>justify-content</code>, et <code>align-items</code>.</p>',\n      'ru': '<p>Помоги лягушатам найти их лилии с помощью <code>flex-direction</code>, <code>justify-content</code> и <code>align-items</code>.</p>',\n      'fa': '<p>به قورباغه ها کمک کنید تا نیلوفرهای آبی را بیابند. با استفاده از خاصیت های <code>flex-direction</code>, <code>justify-content</code> و <code>align-items</code> این کار را انجام دهید.</p>',\n      'zh-cn': '<p>用<code>flex-direction</code>，<code>justify-content</code>以及<code>align-items</code>来帮助青蛙回到他们的荷叶上。</p>',\n      'zh-tw': '<p>用<code>flex-direction</code>，<code>justify-content</code>以及<code>align-items</code>來幫助青蛙回到他們的荷葉上。</p>',\n      'tr': '<p><code>flex-direction</code>, <code>justify-content</code> ve <code>align-items</code> kurallarını kullanarak kurbağaların kendi nilüfer yapraklarını bulmalarına yardımcı olun.</p>',\n      'az': '<p><code>flex-direction</code>, <code>justify-content</code> və <code>align-items</code> qaydalarını istifadə edərək qurbağaların öz zanbaq yarpaqlarını tapmaqlarına kömək edin.</p>',\n      'it': '<p>Aiuta le rane a raggiungere la loro ninfea utilizzando <code>flex-direction</code>, <code>justify-content</code> e <code>align-items</code>.</p>',\n      'ko': '<p><code>flex-direction</code>, <code>justify-content</code>, 그리고 <code>align-items</code>를 사용하여 개구리들이 자기 색깔과 같은 수련잎 위로 이동할 수 있도록 도와주세요.</p>',\n      'lt': '<p>Padėkite varlytėms rasti savo lelijos lapus naudodami <code>flex-direction</code>, <code>justify-content</code>, ir <code>align-items</code>.</p>',\n      'vi': '<p>Giúp đỡ những chú ếch tìm các lá bông súng của họ bằng cách sử dụng <code>flex-direction</code>, <code>justify-content</code>, và <code>align-items</code>.</p>',\n      'pl': '<p>Pomóż żabkom dotrzeć do swoich listków przy pomocy <code>flex-direction</code>, <code>justify-content</code> i <code>align-items</code>.</p>',\n      'cs': '<p>Pomozte žabkám na lekníny vlastnostmi <code>flex-direction</code>, <code>justify-content</code> a <code>align-items</code>.</p>',\n      'ja': '<p><code>flex-direction</code>と<code>justify-content</code>、<code>align-items</code>を使って、カエルたちがそれぞれの蓮の葉を見つけるのを助けてあげてください。</p>',\n      'hu': '<p>Segíts a békáknak megtalálni a tündérrózsáikat a <code>flex-direction</code>, a <code>justify-content</code>, és az <code>align-items</code> használatával.</p>',\n      'eo': '<p>Helpu la ranojn trovi iliajn akvolilifoliojn pere de <code>flex-direction</code>, <code>justify-content</code>, kaj <code>align-items</code>.</p>',\n      'sv': '<p>Hjälp grodorna till sina blomblad genom att använda <code>flex-direction</code>, <code>justify-content</code> och <code>align-items</code>.</p>',\n      'uk': '<p>Допоможи жабенятам знайти своє листя латаття скориставшись <code>flex-direction</code>, <code>justify-content</code>, та <code>align-items</code>.</p>',\n      'hi': '<p><code>flex-direction</code>, <code>justify-content</code> एवं <code>align-items</code> की मदद से मेंढकों को उनके लिली के पत्ते तक पहुंचाइये।</p>',\n      'gj': '<p><code>flex-direction</code>, <code>justify-content</code> તેમજ  <code>align-items</code> ની મદદ થી દેડકાઓને લીલીના પાન સુધી પહોંચાડવામાં મદદ કરો. </p>',\n      'sr': '<p>Помози жабицама да дођу до својих локвања користећи <code>flex-direction</code>, <code>justify-content</code> и <code>align-items</code>.</p>',\n      'bs': '<p>Pomozi žabicama da dođu do svojih listova koristeći <code>flex-direction</code>, <code>justify-content</code> i <code>align-items</code>.</p>',\n      'hr': '<p>Pomozi žabicama da dođu do svojih listova koristeći <code>flex-direction</code>, <code>justify-content</code> i <code>align-items</code>.</p>',\n      'nl': '<p>Help de kikkers met het vinden van hun lelieblaadjes door gebruik te maken van <code>flex-direction</code>, <code>justify-content</code>, en <code>align-items</code>.</p>',\n      'ta': '<p><code>flex-direction</code>, <code>justify-content</code> மற்றும்  <code>align-items</code> பயன்படுத்தி தவளைகள் தங்கள் சொந்த இலைகளை சென்றடைய உதவவும்.</p>',\n      'te': '<p>కప్పలు తమ లిల్లీప్యాడ్‌లను <code>flex-direction</code>, <code>justify-content</code> మరియు <code>align-items</code> ఉపయోగించి కనుగొనడంలో సహాయపడండి.</p> ',\n      'ml': '<p><code>flex-direction</code>, <code>justify-content</code>, and <code>align-items</code> ഉപയോഗിച്ച് വഴി കണ്ടെത്താൻ സഹായിക്കുക .</p>',\n      'el': '<p>Βοηθήστε τους βατράχους να βρουν τα νούφαρά τους χρησιμοποιώντας τα <code>flex-direction</code>, <code>justify-content</code>, και <code>align-items</code>.</p>',\n      'mk': '<p>Помогнете им на жабите да ги најдат своите листови со користење на <code>flex-direction</code>, <code>justify-content</code>, и <code>align-items</code>.</p>',\n      'lv': '<p>Lieto <code>flex-direction</code>, <code>justify-content</code>, <code>align-items</code> un palīdzi katram vardulēnam nokļūt līdz savai ūdensrozei.</p>',\n      'id': '<p>Bantu katak menemukan lilypad menggunakan <code>flex-direction</code>, <code>justify-content</code>, dan <code>align-items</code>.</p>',\n      'ar': '<p>ساعد الضفادع لإيجاد اوراق الزنبق باستخدام <code>flex-direction</code>, <code>justify-content</code>, و <code>align-items</code>.</p>',\n      'ca': '<p>Ajuda les granotes a trobar els seus nenúfars utilitzant <code>flex-direction</code>, <code>justify-content</code>, i <code>align-items</code>.</p>',\n      'da': '<p>Hjælp frøerne med at finde deres åkander med <code>flex-direction</code>, <code>justify-content</code> og <code>align-items</code>.</p>',\n      'et': '<p>Aita konnadel leida oma vesiroosileht kasutades <code>flex-direction</code>, <code>justify-content</code>, ja <code>align-items</code>.</p>',\n      'fi': '<p>Auta sammakoita löytämään omat lumpeenlehtensä ominaisuuksien <code>flex-direction</code>, <code>justify-content</code> ja <code>align-items</code> avulla.</p>',\n      'gl': '<p>Axuda ás rás a chegar a cadanseu nenúfar empregando <code>flex-direction</code>, <code>justify-content</code>, e <code>align-items</code>.</p>',\n      'th': '<p>ช่วยเจ้ากบทั้งหลายไปสู่ใบบัวของมัน ด้วยคำสั่ง <code>flex-direction</code>, <code>justify-content</code>, และ <code>align-items</code>.</p>',\n      'mn': '<p>Мэлхийнүүдэд <code>flex-direction</code>, <code>justify-content</code>, <code>align-items</code>-г ашиглан сараана цэцэгээ олоход нь туслаарай.</p>',\n      'sk': '<p>Pomôžte žabkám nájsť ich lienky pomocou <code>flex-direction</code> a <code>justify-content</code>.</p>',\n      'si': '<p>මැඬියන්ට ඔවුන්ගේ නෙළුම් කොළ වෙත යාමට උදව් කිරීමට <code>flex-direction</code>, <code>justify-content</code> සහ <code>align-items</code> භාවිතා කරන්න.</p>',\n      'np': '<p>भ्यागुतोलाई <code>flex-direction</code>, <code>justify-content</code>, र <code>align-items</code> प्रयोग गरेर तिनका लिलीप्याडमा पुर्‍याउन मद्दत गर्नुहोस्।</p>',\n      'my': '<p>ကွင်းဆက်အတိုင်း <code>flex-direction</code>, <code>justify-content</code>, နှင့် <code>align-items</code> ကို အသုံးပြု၍ ကန့်ကန့်သိမ်းသိမ်းများကို သူတို့ရဲ့ လိပ်ပြာပေါ်သို့ ရောက်ရှိစေပါ။</p>',\n      'yo': '<p>Ṣe iranlọwọ fún àwọn ọ̀pọ̀lọ láti wá àwọn ewé ọdàn wọn nípasẹ̀ lílo <code>flex-direction</code>, <code>justify-content</code>, àti <code>align-items</code>.</p>',\n      'no': '<p>Hjelp froskene med å finne vannliljebladene sine ved hjelp av <code>flex-direction</code>, <code>justify-content</code> og <code>align-items</code>.</p>',\n    },\n    board: 'gyr',\n    style: { 'flex-direction': 'row-reverse', 'justify-content': 'center', 'align-items': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'order 1',\n    instructions: {\n      'en': '<p>Sometimes reversing the row or column order of a container is not enough. In these cases, we can apply the <code>order</code> property to individual items. By default, items have a value of 0, but we can use this property to also set it to a positive or negative integer value (-2, -1, 0, 1, 2).</p><p>Use the <code>order</code> property to reorder the frogs according to their lilypads.</p>',\n      'bn': '<p>কিছুসময় row অথবা column এর ক্রম বিপরীত যথার্থ নয়। এই ক্ষেত্রে, আমরা <code>order</code> property ব্যবহার করতে পারি প্রতিটি item এর জন্য।  ডিফল্ট ভ্যালু 0 হলেও আমরা এটি পজিটিভ অথবা নেগেটিভ পূর্ণসংখ্যা দিয়ে সেট করতে পারি (-2, -1, 0, 1, 2)।</p><p><code>order</code> property ব্যবহার করে ব্যাঙগুলোকে তাদের পদ্ম-পাতার ক্রম অনুযায়ী সাজান।</p>',\n      'af': '<p>Soms is dit nie genoeg om die ry of kolom om te draai nie. In hierdie omstandighede, kan ons die <code>order</code> eienskap aan individuele items toepas. Items het, verstek, `n waarde van 0, maar ons kan hierdie eienskap gebruik om dit ook na `n positiewe of negatiewe integer waarde te stel (-2, -1, 0, 1, 2).</p><p>Gebruik die <code>order</code> eienskap om die paddas volgens hulle waterlelies te herrangskik.</p>',\n      'he': '<p>לפעמים היפוך הסדר של השורה או העמודה אינו מספיק. במקרים כאלה, אפשר להשתמש בתכונת ה-<code>order</code> על פריטים ספציפיים. כברירת מחדל, יש לפריטים ב-flex ערך 0, אבל אפשר להשתמש בתכונה הזו כדי להגדיר להם מספר חיובי או שלילי (2, 1, 0, 1-, 2-).</p><p>נשתמש ב-<code>order</code> כדי לסדר מחדש את הצפרדעים בהתאם לעלים שלהן.</p>',\n      'ro': '<p>Câteodată inversarea ordinii rândului sau coloanei nu este de ajuns. În aceste cazuri, putem aplica proprietatea <code>order</code> individual elementelor. În mod implicit, elementele au valoarea 0, dar putem folosi această proprietate să o setăm la o valoare intreagă pozitivă sau negativă.</p><p>Folosește proprietatea <code>order</code> pentru a ordona broaștele în funcție de nuferii lor.</p>',\n      'bg': '<p>Понякога обръщането на реда на елементите в ред или колона не е достатъчно. В тези случаи можем да приложим свойството <code>order</code> към индивидуален елемент. По подразбиране, елементите имат стойност 0, но можем да използваме това свойство, за да я променим, използвайки положително или отрицателно цяло число.</p><p>Използвай свойството <code>order</code>, за да пренаредиш жабчетата според техните листа.</p>',\n      'de': '<p>Manchmal reicht es nicht aus, die horizontale oder vertikale Ausrichtung eines Containers umzukehren. In so einem Fall können wir die <code>order</code>-Eigenschaft für einzelne Elemente verwenden. Standardmäßig haben alle Elemente den Wert 0, aber wir können die Eigenschaft verwenden, um ihn auf eine positive oder negative ganze Zahl zu setzen.</p><p>Benutze die <code>order</code>-Eigenschaft, um die Frösche entsprechend ihrer Seerosenblätter anzuordnen.</p>',\n      'pt-br': '<p>Às vezes, reverter a ordem de uma coluna ou de um container não é suficiente. Nesses casos, podemos aplicar a propriedade <code>order</code> para itens individuais. Por padrão, itens tem um valor de 0, mas nós podemos usar essa propriedade para alterar para um valor inteiro positivo ou negativo.</p><p>Use a propriedade <code>order</code> para reordenar os sapos de acordo com suas vitórias-régias.</p>',\n      'es': '<p>A veces, invertir el orden de una fila o columna de un contenedor no es suficiente. En esos casos, nosotros podemos aplicar la propiedad <code>order</code> a elementos individuales. Por defecto, los elementos tienen un valor 0, pero nosotros podemos usar esta propiedad para establecerlo a un número entero positivo o negativo.</p><p>Usa la propiedad <code>order</code> para reordenar las ranas de acuerdo a sus hojas de lirio.</p>',\n      'fr': '<p>Parfois, inverser l\\'ordre de la rangée ou la colonne ne suffit pas. Dans ces cas, on peut appliquer la propriété <code>order</code> à des éléments individuels. Par défaut, les éléments ont une valeur de 0, mais on peut utiliser cette propriété pour changer la valeur à un entier positif ou négatif.</p><p>Utilisez la propriété <code>order</code> pour réorganiser les grenouilles par rapport à leurs nénuphars.</p>',\n      'ru': '<p>Иногда изменения порядка отображения элементов в контейнере недостаточно. В таких случаях мы можем применить свойство <code>order</code> для конкретных элементов. По умолчанию, значение этого свойства у элементов равно 0, но мы можем задать положительное или отрицательное целое число этому свойству.</p><p>Используй свойство <code>order</code>, чтобы разместить лягушат на своих лилиях.</p>',\n      'fa': '<p>گاهی اوقات ما نیاز داریم فقط ایتم ها را جابه جا کنیم. برای این کار خاصیت <code>order</code> استفاده می کنیم. به صورت پیشفرض آیتم ها مقدار <span class=\"en-font\">0</span> دارند, اما با استفاده از این خاصیت شما می توانید مقدار مثبت و منفی برای آیتم ها تعیین کنید. <p>با استفاده از خاصیت <code>order</code> می توانید ترتیب نشستن قورباغه ها روی نیلوفرهای آبی خود را تعیین کنید.</p>',\n      'zh-cn': '<p>有时候仅仅调转行或列的方向是不够的。在这些情况，我们可以设置单个元素的<code>order</code>属性。元素的属性默认值为0，但是我们设置这个属性为正数或负数。</p><p>用<code>order</code>来调整青蛙的顺序。</p>',\n      'zh-tw': '<p>有時候僅僅調轉列或行的方向是不夠的。在這些情況，我們可以設置單個元素的<code>order</code>屬性。元素的屬性默認值爲0，但是我們設置這個屬性爲正數或負數。</p><p>用<code>order</code>來調整青蛙的順序。</p>',\n      'tr': '<p>Bazen row ya da column yerleşimini tersine çevirmek yeterli olmaz. Bu gibi durumlarda <code>order</code> kuralı ile öğeleri tek tek sıralandırabiliriz. Öğelerin başlangıç sıra değeri 0\\'dır, ama biz bu değeri pozitif ya da negatif bir değere eşitleyebiliriz.</p><p><code>order</code> kuralını kullanarak kurbağaları nilüfer yapraklarına göre sıralayın.</p>',\n      'az': '<p>Bəzən row və ya column yerləşməsini tərsinə çevirmək yetərli deyil. Belə hallarda <code>order</code> qaydası ilə elementləri tək tək sıralaya bilərsiniz. Elementlərin başlanğıc sıra dəyəri 0\\'dır, amma biz bu dəyəri pozitiv və ya neqativ bir dəyərə bərabərləşdirə bilərik.</p><p><code>order</code> qaydasını istifadə edərək qurbağaları zanbaq yarpaqlarına görə düzün.</p>',\n      'it': '<p>A volte invertire l\\'ordine di visualizzazione delle righe o delle colonne non è sufficiente. In questi casi possiamo applicare la proprietà <code>order</code> sui singoli elementi. Ogni elemento ha assegnato il valore 0 di default, ma è possibile utilizzare questa proprietà per assegnare un valore intero positivo o negativo.</p><p>Utilizza <code>order</code> per muovere le rane sulla loro ninfea.</p>',\n      'ko': '<p>때때로 컨테이너의 row나 column의 순서를 역으로 바꾸는 것만으로는 충분하지 않습니다. 이러한 경우에는 <code>order</code> 속성을 각 요소에 적용할 수 있습니다. order의 기본 값은 0이며, 양수나 음수로 바꿀 수 있습니다.</p><p><code>order</code> 속성을 이용하여 개구리들의 순서를 수련잎의 순서에 맞게 바꿔주세요.</p>',\n      'lt': '<p>Kartais sukeisti supančio elemento eilutes su stulpeliais vietomis negana. Tokiais atvejais galima pritaikyti komandą <code>order</code> pavieniams elementams. Pagal nutylėjimą elementų eilės tvarką nusakanti vertė yra 0, bet galima naudoti šią komandą, kad vertę prilygintume teigiamam arba neigiamam skaičiui.</p><p>Panaudokite komandą <code>order</code>, kad apkeistumėte varlytes vietomis, pagal jų lelijų lapus.</p>',\n      'vi': '<p>Đôi khi đảo chiều của hộp chứa theo hàng ngang hay hàng dọc là không đủ. Trong những trường hợp này, chúng ta có thể áp dụng thuộc tính <code>order</code> cho từng hạng mục riêng lẻ. Theo mặc định, các hạng mục có giá trị là 0, nhưng chúng ta có thể thay đổi thuộc tính đó với một giá trị số nguyên dương hoặc âm khác.</p><p>Sử dụng thuộc tính <code>order</code> để sắp xếp lại những chú ếch theo các lá bông súng của chúng.</p>',\n      'pl': '<p>Czasami odwracanie wierszy i kolumn kontenera nie wystarcza. W takich przypadkach, możemy zastosować własność <code>order</code> do pojedynczego elementu. Domyślnie elementy mają wartość 0, ale przy pomocy tej własności możemy ustalić kolejność na dowolną dodatnią lub ujemną wartość.</p><p>Przy pomocy własności <code>order</code> zmień kolejność żabek tak, aby każda była na swoim listku.</p>',\n      'cs': '<p>Samotná změna směru někdy nestačí. V těchto případech lze zvolit pořadí pomocí vlastnosti <code>order</code> jednotlivých prvků. Výchozí hodnota je 0, ale můžete použít libovolné kladné či záporné celé číslo.</p><p>Použijte vlastnost <code>order</code> tak, aby se žabky ocitly na správných leknínech.</p>',\n      'ja': '<p>コンテナーの行や列の順序を逆にするだけでは足りないこともままあります。そういった場合、個別のアイテムに<code>order</code>プロパティーを適用することができます。アイテムはデフォルトでは0の値を取りますが、正や負の整数値を設定することもできます。</p><p><code>order</code>プロパティーを使って、蓮の葉に合うようカエルたちを並び替えてください。</p>',\n      'hu': '<p>Időnként a sorok vagy az oszlopok irányának megfordítása nem elégséges. Ilyen esetekben alkalmazhatjuk az <code>order</code> tulajdonságot az egyes elemekre. Alapértelmezettként az elemek a 0 értéket kapják, de lehetőségünk van negatív vagy pozitív egész számot megadni értékként.</p><p>Használd az <code>order</code> tulajdonságot, hogy átrendezd a békákat a tündérrózsáiknak megfelelően.</p>',\n      'eo': '<p>Kelkfoje, inversante la vican aŭ kolumnan ordonon de ujo ne sufiĉas. Tiaokaze, ni povas apliki la <code>order</code> trajton al individuaj elementoj. Defaŭlte, elemento havas nulan valoron, sed oni povas uzi ĉi tiun trajton por ĝin igi pozitiva aŭ negativa entjera valoro.</p><p>Uzu la <code>order</code> trajton por reordigi la ranojn laŭ iliaj nimfeofolioj.</p>',\n      'sv': '<p>Ibland räcker det inte med att ändra ordningen på en rad eller kolumn. I så fall kan man lägga till <code>order</code> på ett individuellt objekt. Från början har alla objekt värdet 0, men vi kan använda detta attribut till att sätta ett positivt eller negativt heltalsvärde.</p><p>Använd <code>order</code> till att ändra ordningen på grodorna så att de hamnar på rätt blomblad.</p>',\n      'uk': '<p>Іноді зміни напрямку показу елементів контейнеру не достатньо. У таких випадках ми можемо застосувати властивість <code>order</code> до потрібних елементів. Типове значення властивості в елементів дорівнює 0, але ми можемо змінити значення на додатне або відʼємне ціле число.</p><p>Використай властивість <code>order</code> для розташування жабенят на своїх листах латаття.</p>',\n      'hi': '<p>कभी-कभी पंक्ति एवं स्तम्भ का क्रम बदलना भी काफी नहीं नहीं होता। इस स्थिति में हम <code>order</code> प्रॉपर्टी का इस्तेमाल कर सकते हैं। मूलतः वस्तुओं का मान शून्य होता है। लेकिन इस प्रॉपर्टी के लिए सकारात्मक अथवा नकारात्मक पूर्णांक मान के लिए निर्धारित कर सकते हैं।</p><p><code>order</code> प्रॉपर्टी का इस्तेमाल कर मेंढकों को पुनः व्यवस्थित करें।</p>',\n      'gj': '<p>કેટલીક વાર containerનો હાર કે સ્તંભનો ક્ર્મ બદલવું પુરતું હોતું નથી.  તો આવા કિસ્સામાં,આપણે  <code>order</code> પ્રોપર્ટીનો ઉપયોગ દરેક અલગ અલગ item માટે કરી શકીએ છીએ. મૂળભૂત રીતે, વસ્તુઓની કિંમત 0 હોય છે, પરંતુ અમે આ ગુણધર્મનો ઉપયોગ તેને હકારાત્મક અથવા નકારાત્મક પૂર્ણાંક મૂલ્ય (-2, -1, 0, 1, 2) પર સેટ કરવા માટે પણ કરી શકીએ છીએ. </p><p><code>order</code> પ્રોપર્ટીનો ઉપયોગ કરીને દેડકાઓને ફરીથી તેમનાં લીલી પાનના પ્રમાણે ગોઠવો. </p>',\n      'sr': '<p>Некад није довољно само променити смер реда или колоне у контејнеру. У таквим случајевима можемо применити <code>order</code> својство на појединачним елементима. Иницијално, елементи имају вредност 0, али ми можемо искористити ово својство и дефинисати га као позитивну или негативну нумеричку вредност.</p><p>Употреби <code>order</code> својство да измениш редослед жабица у складу са локвањима.</p>',\n      'bs': '<p>Nekad nije dovoljno samo promjeniti smjer reda ili kolone u kontejneru. U takvim slučajevima možemo primjeniti <code>order</code> svojstvo na pojedinačnim elementima. Inicijalno, elementi imaju vrijednost 0, ali mi možemo iskoristiti ovo svojstvo i definisati ga kao pozitivnu ili negativnu numeričku vrijednost.</p><p>Upotrijebi <code>order</code> svojstvo da izmjeniš redosljed žabica u skladu sa listovima.</p>',\n      'hr': '<p>Nekad nije dovoljno samo promijeniti smjer reda ili kolone u kontejneru. U takvim slučajevima možemo primijeniti <code>order</code> svojstvo na pojedinačnim elementima. Inicijalno, elementi imaju vrijednost 0, ali mi možemo iskoristiti ovo svojstvo i definirati ga kao pozitivnu ili negativnu numeričku vrijednost.</p><p>Upotrijebi <code>order</code> svojstvo da izmjeniš redosljed žabica u skladu sa listovima.</p>',\n      'nl': '<p>Soms is het omkeren van de rij/kolom volgorde van een container niet genoeg. In zulke gevallen kunnen we gebruik maken van de <code>order</code> eigenschap op individuele elementen. De standaardwaarde voor elementen is 0, maar we kunnen dit op een positief of negatief geheel getal instellen.</p><p>Maak gebruik van de <code>order</code> eigenschap om de kikkers volgens de volgorde van de lelieblaadjes te ordenen.</p>',\n      'ta': '<p>சில நேரங்களில் வரிசை(row) அல்லது நிரல்(column)  இவற்றை  மாற்றுவது மட்டும் போதாது. இத்தகைய சமயங்களில் தனிப்பட்ட உருப்படிகளுக்கு(items) நாம் <code>order</code> property உபோயோகிக்கலாம். இயல்பாக, உருப்படிகள் 0 என்ற மதிப்பு பெற்றிருக்கும், நாம் இந்த <code>order</code> property பயன்படுத்தி ஒரு நேர்மறை(positive) அல்லது எதிர்மறையான)negative) முழு மதிப்பு கொடுக்கலாம்.</p><p><code>order</code> property பயன்படுத்தி தவளைகள் தங்கள் இலைகளை அதே வரிசையில் பெற உதவவும்</p>',\n      'te': '<p>కొన్నిసార్లు కంటైనర్ యొక్క అడ్డు వరుస లేదా కాలమ్ క్రమాన్ని తిప్పికొట్టడం సరిపోదు. ఈ సందర్భాలలో, మనం <code>order</code> ఆస్తిని వ్యక్తిగత వస్తువులకు వర్తింపజేయవచ్చు. అప్రమేయంగా, అంశాలు 0 విలువను కలిగి ఉంటాయి, కాని మనం ఈ ఆస్తిని సానుకూల (positive) లేదా ప్రతికూల(negative) పూర్ణాంక విలువకు (-2, -1, 0, 1, 2) సెట్ చేయడానికి ఉపయోగించవచ్చు. </p><p> ఉపయోగించండి <code>order</code> కప్పలను వాటి లిల్లీప్యాడ్ల ప్రకారం క్రమాన్ని మార్చడానికి ఆస్తి. </p> ',\n      'ml': '<p>ചിലപ്പോൾ ഒരു കണ്ടെയ്നറിന്റെ വരി അല്ലെങ്കിൽ നിര ക്രമം മറികടക്കാൻ പര്യാപ്തമല്ല. ഇങ്ങനെ ഉള്ള സാഹചര്യങ്ങളിൽ <code>order</code> വ്യക്തിഗത ഇനങ്ങളെ മാറ്റുവാൻ സാധിക്കും . സ്വതവേ, ഇനങ്ങൾക്കു് 0 എന്ന മൂല്ല്യം ഉണ്ടെങ്കിലും, ഈ വസ്തുവിനെ പോസിറ്റീവ് അല്ലെങ്കിൽ നെഗറ്റീവ് ഇന്റഗ്രർ മൂല്യമായി സജ്ജമാക്കാൻ നമുക്ക് ഉപയോഗിക്കാം.</p><p><code>order</code> ഉപയോഗിച്ച് തവളകളെ താമര ഇലകളിലേക്കു എത്തിക്കുക .</p>',\n      'el': '<p>Μερικές φορές η αντιστροφή της σειράς ταξινόμησης των σειρών ή των στηλών ενός container δεν είναι αρκετή. Σ\\' αυτές τις περιπτώσεις, μπορούμε να εφαρμόσουμε την ιδιότητα <code>order</code> σε μεμονωμένα αντικείμενα. Από προεπιλογή, τα αντικείμενα έχουν αξία 0, αλλά μπορούμε να χρησιμοποιήσουμε αυτή την ιδιότητα για να την ορίσουμε σε μία θετική ή αρνητική ακέραιη αξία.</p><p>Χρησιμοποιήστε την ιδιότητα <code>order</code> για να αναδιατάξετε τους βατράχους σύμφωνα με τα νούφαρά τους.</p>',\n      'mk': '<p>Понекогаш превртување на редоследот на редиците или колоните во контејнер не е доволно. Во овие случаи, можеме да го примениме <code>order</code> својството на индивидуални елементи. Стандардно, елементите имаат вредност од 0, но можеме да го искористиме ова својство да ја поставиме на позитивна или негативна вредност.</p><p>Користете го <code>order</code> својството да ги прередите жабите според нивните листови.</p>',\n      'lv': '<p>Reizēm ar rindu vai kolonnu apgriezšanu nepietiek. Šajos gadījumos attiecīgajam elementam vari pievienot <code>order</code> metodi. Sākotnēji visiem elementiem šī vērtība ir 0, un šai metodei var piešķirt gan pozitīvas, gan negatīvas veselu skaitļu vērtības.</p><p>Pielieto <code>order</code> metodi, lai katru vardulēnu novietotu uz atbilstošās ūdensrozes.</p>',\n      'id': '<p>Kadang-kadang membalik urutan baris atau kolom wadah tidak cukup. Dalam kasus ini, kita dapat menerapkan properti <code> order </code> ke masing-masing objek. Secara default, item memiliki nilai 0, tetapi kita dapat menggunakan properti ini untuk juga mengaturnya ke nilai integer positif atau negatif (-2, -1, 0, 1, 2).</p><p>Gunakan <code>order</code> properti untuk mengatur ulang katak berdasarkan lilypads mereka.</p>',\n      'ar': '<p>بعض الاحيان يكون عكس اتجاه الصف او العامود للحاوية غير كافيا. في هذه الحالات, يمكننا استخدام خاصية <code>order</code> على عناصر بمفردها. افتراضيًا, العناصر تحمل القيمة 0,لكن يمكننا استخدام هذه الخاصية لتغييرها لقيمة رقم موجب او سالب (-2, -1, 0, 1, 2).</p><p>استخدم خاصية <code>order</code> لاعادة ترتيب الضفادع بناءًا على اوراق الزنبق.</p>',\n      'ca': '<p>De vegades, invertir l\\'ordre d\\'una fila o columna d\\'un contenidor no és suficient. En aquests casos, podem aplicar la propietat <code>order</code> a elements individuals. Per defecte, els elements tenen un valor 0, però nosaltres podem utilitzar aquesta propietat per estableir un nombre enter positiu o negatiu.</p><p>Utilitza la propietat <code>order</code> per reordenar les granotes d\\'acord als seus nenúfars.</p>',\n      'da': '<p>Nogle gange er det ikke nok at vende rundt på rækkefølgen i en beholder. I disse tilfælde kan vi bruge egenskaben <code>order</code> på de individuelle elementer. Som standard har elementer værdien 0, men vi kan bruge denne egenskab til at ændre værdien til et positivt eller negativt heltal (-2, -1, 0, 1, 2).</p><p>Brug egenskaben <code>order</code> til at bytte rundt på frøerne så de har samme rækkefølge som deres åkander.</p>',\n      'et': '<p>Mõnikord ei aita vaid rea või veeru järjekorra ümber pööramisest. Sellistel juhtudel, saame me rakendada omaduse <code>order</code> üksikutele elementidele. Vaikimisi on elementidel väärtuseks 0, aga kasutades seda omadust saame me muuta väärtust nii positiivseks kui negatiivseks numbriteks. (-2, -1, 0, 1, 2).</p><p>Kasuta omadust <code>order</code>, et muuta konnade järjekorda vastavalt sellele, millisele vesiroosilehele nad peavad minema.</p>',\n      'fi': '<p>Joskus säilön vaakasuuntaisen tai pystysuuntaisen järjestyksen kääntäminen ei riitä. Silloin voimme määrittää yksittäisille elementeille ominaisuuden <code>order</code>. Oletusarvon mukaan ominaisuuden arvo on 0, mutta sille voi määrittää positiivisen tai negatiivisen kokonaislukuarvon (-2, -1, 0, 1, 2).</p><p>Aseta sammakot oikeaan järjestykseen lumpeenlehtien mukaisesti <code>order</code>-ominaisuuden avulla.</p>',\n      'gl': '<p>Ás veces non abonda con inverter a orde das filas ou columnas do contedor. Nestes casos, podemos aplicar a propiedade <code>order</code> para elementos individuais. Por defecto, os elementos teñen un valor de 0, pero podemos usar esta propiedade para cambiar ese valor a un número positivo ou negativo (-2, -1, 0, 1, 2).</p><p>Usa a propiedade <code>order</code> para reordear as rás conforme aos seus nenúfares.</p>',\n      'th': '<p>ในบางครั้งการย้อนลำดับของ row หรือ column ของ container ก็ไม่เพียงพอ ในกรณีเหล่านี้ เราสามารถกำหนดค่าคุณสมบัติ <code>order</code> ให้แก่ items แต่ละตัวได้ โดยปกติค่าของ items จะมีค่าเป็น 0, แต่เราสามารถใช้คุณสมบัตินี้ในการกำหนดค่าให้เป็นเลขบวกหรือเลขลบได้ (-2, -1, 0, 1, 2).</p><p>ใช้คุณสมบัติ <code>order</code> ในการเปลี่ยนลำดับของเจ้ากบเหล่านี้ตามสีของใบบัว</p>',\n      'mn': '<p>Заримдаа контейнерийн мөр, баганын дарааллыг өөрчлөх нь хангалтгүй байдаг. Эдгээр тохиолдлуудад бид <code>order</code> пропертийг item бүрт тус тусад нь хэрэглэж болно. Анхны өгөгдмөлөөр items 0 гэсэн утгатай байдагч бид items-д эерэг эсвэл сөрөг (-2, -1, 0, 1, 2) гэх мэт утга оноож ашиглаж болно.</p><p><code>order</code> пропертийг ашиглан мэлхийнүүдийг сараана цэцэгт нь тохируулан дахин эрэмбэлээрэй.</p>',\n      'sk': '<p>Niekedy nestačí zmeniť poradie riadkov alebo stĺpcov kontajnera. V týchto prípadoch môžeme na jednotlivé položky použiť vlastnosť <code>order</code>. V predvolenom nastavení majú položky hodnotu 0, ale pomocou tejto vlastnosti ju môžeme nastaviť aj na kladnú alebo zápornú hodnotu celého čísla (-2, -1, 0, 1, 2).</p><p>Pomocou vlastnosti <code>order</code> môžete zmeniť poradie žiab podľa ich lilipadov.</p>',\n      'si': '<p>සමහර අවස්ථාවලදී කන්ටේනරයේ පේළියක හෝ තීරුවක අනුපිළිවෙල reverse කිරීම ප්‍රමාණවත් නොවේ. මෙම අවස්ථා වලදී, අපට තනි අයිතම සඳහා <code>order</code> ගුණාංගය යෙදිය හැකිය. අයිතමවල මෙහි මූලික අගය 0 වන නමුත් අපට එය ධන හෝ සෘණ පූර්ණ සංඛ්‍යා අගයකට (-2, -1, 0, 1, 2) සැකසීමට මෙම ගුණාංගය භාවිතා කළ හැක.</p><p>මැඬියන් ඔවුන්ගේ නෙළුම් කොළ වලට අනුව නැවත පිළිවෙල වෙනස් කිරීමට <code>order</code> ගුණාංගය භාවිතා කරන්න.</p>',\n      'np': '<p>कहिलेकाहीँ कन्टेनरको पंक्ति वा स्तम्भको क्रम उल्टाउनु मात्र पर्याप्त हुँदैन। यस्ता अवस्थामा, हामी <code>order</code> प्रोपर्टीलाई व्यक्तिगत वस्तुहरूमा लागू गर्न सक्छौं। साधारणतया, वस्तुहरूको मान 0 हुन्छ, तर हामी यसलाई सकारात्मक वा नकारात्मक पूर्णांक मान (-2, -1, 0, 1, 2) मा सेट गर्न सक्छौं।</p> <p>भ्यागुतोलाई तिनका लिलीप्याडको अनुसार पुनः क्रमबद्ध गर्न <code>order</code> प्रोपर्टी प्रयोग गर्नुहोस्।</p>',\n      'my': '<p>အခါအားလုံးမှာ container ရဲ့ row သို့မဟုတ် column ကို ပြောင်းလဲခြင်းက မလုံလောက်ပါဘူး။ ဒီလိုအခါတွေမှာ <code>order</code> property ကို individual items တွေမှာ အသုံးပြုနိုင်ပါတယ်။ အခြေခံအားဖြင့် items တွေက 0 ဆိုတဲ့ value ကို ရှိပါတယ်၊ ဒါပေမယ့် ဒီ property ကို အသုံးပြုပြီး positive သို့မဟုတ် negative integer value (-2, -1, 0, 1, 2) တစ်ခုကို သတ်မှတ်နိုင်ပါတယ်။</p><p>Frogs တွေကို သူတို့ရဲ့ lily pads အလိုက် ပြန်လည်စီစဉ်ဖို့ <code>order</code> property ကို အသုံးပြုပါ။</p>',\n      'yo': '<p>Nígbà míì, yíyípadà ìlà tàbí ìlànà ọ̀wọn ti àpò kan kò tó. Ní àwọn iṣẹ̀lẹ̀ wọ̀nyí, a lè lo ohun-ini <code>order</code> sí àwọn ohun kọọkan. Nípasẹ̀ aiyédá, àwọn ohun kan ní iye 0, ṣùgbọ́n a lè lo ohun-ini yìí láti tún ṣètò sí iye nǹọ́mbà rere tàbí odi (-2, -1, 0, 1, 2).</p><p>Lo ohun-ini <code>order</code> láti tún àwọn ọ̀pọ̀lọ pada ní ìbámu pẹ̀lú àwọn ewé ọdàn wọn.</p>',\n      'no': '<p>Noen ganger er det ikke nok å reversere rad- eller kolonnerekkefølgen i en beholder. I disse tilfellene kan vi bruke <code>order</code>-egenskapen på individuelle elementer. Som standard har elementer en verdi på 0, men vi kan bruke denne egenskapen til å også sette den til en positiv eller negativ heltallsverdi (-2, -1, 0, 1, 2).</p><p>Bruk <code>order</code>-egenskapen til å endre rekkefølgen på froskene i henhold til vannliljebladene deres.</p>',\n    },\n    board: 'gyr',\n    selector: '> :nth-child(2)',\n    classes: { '#pond, #background': 'wrap' },\n    style: { 'order': '2' },\n    before: \"#pond {\\n  display: flex;\\n}\\n\\n.yellow {\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'order 2',\n    instructions: {\n      'en': '<p>Use the <code>order</code> property to send the red frog to his lilypad.</p>',\n      'bn': '<p><code>order</code> property ব্যবহার করে লাল ব্যাঙটিকে তার পদ্ম-পাতায় পৌছিয়ে দিন।</p>',\n      'af': '<p>Gebruik die <code>order</code> eienskap om die rooi padda na sy lelie te stuur.</p>',\n      'he': '<p>השתמשו ב-<code>order</code> כדי לשלוח את הצפרדע האדומה לעלה שלה.</p>',\n      'ro': '<p>Folosește proprietatea <code>order</code> pentru a trimite broasca la nufărul ei.</p>',\n      'bg': '<p>Използвай свойството <code>order</code>, за да изпратиш червеното жабче в негото листо.</p>',\n      'de': '<p>Benutze die <code>order</code>-Eigenschaft, um den roten Frosch zu seinem Seerosenblatt zu führen.</p>',\n      'pt-br': '<p>Use a propriedade <code>order</code> para levar o sapo vermelho à sua vitória-régia.</p>',\n      'es': '<p>Usa la propiedad <code>order</code> para enviar la rana de color rojo a su hoja de lirio.</p>',\n      'fr': '<p>Utilisez la propriété <code>order</code> pour envoyer la grenouille rouge à son nénuphar.</p>',\n      'ru': '<p>Используй свойство <code>order</code>, чтобы отправить красного лягушонка на его лилию.</p>',\n      'fa': '<p>با استفاده از خاصیت <code>order</code> قورباغه قرمز را به نیلوفر آبی خود بفرستید.</p>',\n      'zh-cn': '<p>用<code>order</code>属性来把红青蛙送回它的荷叶去。</p>',\n      'zh-tw': '<p>用<code>order</code>屬性來把紅青蛙送回它的荷葉去。</p>',\n      'tr': '<p><code>order</code> kuralını kullanarak kırmızı kurbağayı kendi nilüfer yaprağına gönderin.</p>',\n      'az': '<p><code>order</code> qaydasını istifadə edərək qırmızı qurbağanı öz zanbaq yarpağına göndərin.</p>',\n      'it': '<p>Utilizza la proprietà <code>order</code> per muovere le rane sulla loro ninfea.</p>',\n      'ko': '<p><code>order</code> 속성을 사용하여 빨간색 개구리를 빨간색 수련잎으로 보내주세요.</p>',\n      'lt': '<p>Panaudokite komandą <code>order</code>, kad nukeltumėte raudoną varlytę ant jos lelijos lapo.</p>',\n      'vi': '<p>Sử dụng thuộc tính <code>order</code> để đưa chú ếch màu đỏ đến với lá bông súng của mình.</p>',\n      'pl': '<p>Użyj własności <code>order</code>, aby posłać czerwoną żabkę na jej listek.</p>',\n      'cs': '<p>Použijte vlastnost <code>order</code> tak, aby se červená žabka dostala na svůj leknín.</p>',\n      'ja': '<p><code>order</code>プロパティーを使って、赤いカエルを彼の蓮の葉へ送ってください。</p>',\n      'hu': '<p>Használd az <code>order</code> tulajdonságot hogy a vörös békát a tündérrózsájához küldhesd.</p>',\n      'eo': '<p>Uzu la <code>order</code> trajton por alvenigi la ruĝan ranon al ĝia nimfeofolio.</p>',\n      'sv': '<p>Använd <code>order</code> till att flytta den röda grodan till dess blomblad.</p>',\n      'uk': '<p>Скористайся властивістю <code>order</code>, щоб всадити червоне жабеня на свій лист латаття.</p>',\n      'hi': '<p><code>order</code> प्रॉपर्टी का इस्तेमाल कर लाल मेंढकों को उसके लिली के पत्ते तक पहुंचाइये।</p>',\n      'gj': '<p><code>order</code> પ્રોપર્ટીનો ઉપયોગ કરીને લાલ દેડકાઓને તેમના સંલગ્ન લીલીના પાંદડાઓ સુધી પહોંચાડો. </p>',\n      'sr': '<p>Искористи <code>order</code> својство да пошаљеш црвену жабицу на њен локвањ.</p>',\n      'bs': '<p>Iskoristi <code>order</code> svojstvo da pošalješ crvenu žabicu na njen list.</p>',\n      'hr': '<p>Iskoristi <code>order</code> svojstvo da pošalješ crvenu žabicu na njen list.</p>',\n      'nl': '<p>Gebruik de <code>order</code> eigenschap om de rode kikker naar zijn lelieblaadje te sturen.</p>',\n      'ta': '<p><code>order</code> property பயன்படுத்தி சிவப்பு தவளை அதன் இலையினை சென்றடைய உதவவும். <p>',\n      'te': '<p>ఎర్ర కప్పను అతని లిల్లీప్యాడ్‌కు పంపడానికి <code>order</code> ఆస్తిని ఉపయోగించండి. </p>',\n      'ml': '<p><code>order</code> ഉപയോഗിച്ച് ചുവന്ന തവളകളെ താമര ഇലകളിലേക്കു എത്തിക്കുക.</p>',\n      'el': '<p>Χρησιμοποιήστε την ιδιότητα <code>order</code> για να στείλετε τον κόκκινο βάτραχο στο νούφαρό του.</p>',\n      'mk': '<p>Користете го <code>order</code> својството да ја пратите црвената жаба до нејзиниот лист.</p>',\n      'lv': '<p>Lieto <code>order</code> metodi un nosūti sarkano vardulēnu uz savu ūdensrozi.</p>',\n      'id': '<p>Gunakan <code>order</code> properti untuk mengirimkan katak merah ke lilypadnya.</p>',\n      'ar': '<p>استخدم خاصية <code>order</code> لنقل الضفدع الاحمر الى ورقة الزنبق الخاصة به.</p>',\n      'ca': '<p>Utilitza la propietat <code>order</code> per enviar la granota de color vermell al seu nenúfar.</p>',\n      'da': '<p>Brug egenskaben <code>order</code> til at sende den røde frø hen til den rigtige åkande.</p>',\n      'et': '<p>Kasuta omadust <code>order</code>, et saata punane konn oma vesiroosilehele</p>',\n      'fi': '<p>Siirrä punainen sammakko omalle lumpeenlehdelleen <code>order</code>-ominaisuuden avulla.</p>',\n      'gl': '<p>Usa a propiedade <code>order</code> para levar a rá vermella ata o seu nenúfar.</p>',\n      'th': '<p>ใช้คุณสมบัติ <code>order</code> เพื่อส่งเจ้ากบแดงไปยังใบบัวของมัน</p>',\n      'mn': '<p>Улаан мэлхийг сараана цэцэг рүү илгээхийн тулд <code>order</code> пропертийг ашиглана уу.</p>',\n      'sk': '<p>Pomocou vlastnosti <code>order</code> pošlite červenú žabu na jej lilipad.</p>',\n      'si': '<p>රතු මැඬියා ඔහුගේ නෙළුම් කොළය වෙත යැවීමට <code>order</code> ගුණාංගය භාවිතා කරන්න.</p>',\n      'np': '<p>रातो भ्यागुतोलाई उसको लिलीप्याडमा पठाउन <code>order</code> प्रोपर्टी प्रयोग गर्नुहोस्।</p>',\n      'my': '<p>အနီရောင် ဗျာဂူကို သူ့ရဲ့ လီလီပက်ဒ်သို့ ပို့ရန် <code>order</code> ပရိုပတ်တီကို အသုံးပြုပါ။</p>',\n      'yo': '<p>Lo ohun ini <code>order</code> láti fi Ọ̀pọ̀lọ àwọ̀ pupa sí ewé ọdàn rẹ.</p>',\n      'no': '<p>Bruk <code>order</code>-egenskapen for å sende den røde frosken til vannliljebladet hans.</p>',\n    },\n    board: 'gggrg',\n    selector: '> :nth-child(4)',\n    classes: { '#pond, #background': 'wrap' },\n    style: { 'order': '-1' },\n    before: \"#pond {\\n  display: flex;\\n}\\n\\n.red {\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-self 1',\n    instructions: {\n      'en': '<p>Another property you can apply to individual items is <code>align-self</code>. This property accepts the same values as <code>align-items</code> and its value for the specific item.</p>',\n      'bn': '<p>প্রতিটি item এ ব্যবহারের জন্য আপনি অন্য আরেকটি property ব্যবহার করতে পারেন যা  হল <code>align-self</code>। এই property <code>align-items</code> এর মানগুলো (values) গ্রহণ করে এবং এর specific item এর জন্য মানগুলোও।</p>',\n      'af': '<p>`n Ander eienskap wat jy aan individuele items kan toepas is <code>align-self</code>. Hierdie eienskap aanvaar die selfde waardes as <code>align-items</code> en sy waarde vir die spesifieke item.</p>',\n      'he': '<p>תכונה נוספת שאפשר להחיל על פריטים ספציפיים היא <code>align-self</code>. התכונה הזו מקבלת אותם ערכים כמו <code>align-items</code> רק שהערך שלה חל על פריט ספציפי.</p>',\n      'ro': '<p>O altă proprietate pe care o poți aplica individual elementelor este <code>align-self</code>. Această proprietate acceptă aceleași valori ca <code>align-items</code> și valoarea ei pentru elementul specific.</p>',\n      'bg': '<p>Друго свойство, което можеш да приложиш върху отделен елемент е <code>align-self</code>. Това свойство приема същите стойности като code>align-items</code> и неговата стойност за определен елемент.</p>',\n      'de': '<p><code>align-self</code> ist eine weitere Eigenschaft für einzelne Elemente. Sie akzeptiert die gleichen Werte wie <code>align-items</code>.</p>',\n      'pt-br': '<p>Outra propriedade que você pode aplicar para itens individuais é <code>align-self</code>. Esta propriedade aceita os mesmos valores que <code>align-items</code> e seus valores são usados para o item específico.</p>',\n      'es': '<p>Otra propiedad que puedes aplicar a elementos individuales es <code>align-self</code>. Esta propiedad acepta los mismos valores de <code>align-items</code> y sus valores son usados para un elemento específico</p>',\n      'fr': '<p>Une autre propriété que vous pouvez appliquer sur des éléments individuels est <code>align-self</code>. Cette propriété accepte les mêmes valeurs que <code>align-items</code>, mais s\\'applique seulement à l\\'élément ciblé.</p>',\n      'ru': '<p>Ещё одно свойство, которое ты можешь применить к определенному элементу — это <code>align-self</code>. Это свойство принимает те же значения, что и <code>align-items</code>.</p>',\n      'fa': '<p>خاصیت دیگری وجود دارد که به شما امکان تراز بندی فردی (یک ایتم) را می دهد، این خاصت <code>align-self</code> نام دارد. مقادیر این خاصیت دقیقا هما مقادیر خاصیت <code>align-items</code> است.</p>',\n      'zh-cn': '<p>另一个你可以使用的控制单个元素的属性是<code>align-self</code>。这个属性接受和<code>align-items</code>一样的那些值。</p>',\n      'zh-tw': '<p>另一個你可以使用的控制單個元素的屬性是<code>align-self</code>。這個屬性接受和<code>align-items</code>一樣的那些值。</p>',\n      'tr': '<p>Öğe başına uygulayabileceğiniz bir başka kural ise <code>align-self</code>\\'tir. Bu kural <code>align-items</code> kuralı ile aynı değerleri alır ve bu değeri o öğe için uygular.</p>',\n      'az': '<p>Fərdi elementə uyğulaya biləcəyiniz bir başqa qayda isə <code>align-self</code>\\'dir. Bu qayda <code>align-items</code> qaydası ilə eyni dəyərləri alır və bu dəyəri o element üçün tətbiq edər.</p>',\n      'it': '<p>Un\\'altra proprietà che è possibile applicare ai singoli elementi è <code>align-self</code>. Essa accetta gli stessi valori di <code>align-items</code>.</p>',\n      'ko': '<p><code>align-self</code>는 개별 요소에 적용할 수 있는 또 다른 속성입니다. 이 속성은 <code>align-items</code>가 사용하는 값들을 인자로 받으며, 그 값들은 지정한 요소에만 적용됩니다.</p>',\n      'lt': '<p>Kita komanda, kurią galima pritaikyti pavieniams elementams yra <code>align-self</code>. Ši komanda reaguoja į tas pačias vertes, kaip ir <code>align-items</code>.</p>',\n      'vi': '<p>Một thuộc tính CSS khác mà bạn có thể áp dụng cho các hạng mục riêng biệt là <code>align-self</code>. Thuộc tính CSS này chấp nhận các giá trị tương tự như <code>align-items</code> và giá trị của nó đối với một hạng mục riêng biệt.</p>',\n      'pl': '<p>Następną własnością stosowaną wobec każdego elementu z osobna jest <code>align-self</code>. Przyjmuje ona wartości takie same jak <code>align-items</code>, ale ma zastosowanie tylko wobec konkretnego elementu.</p>',\n      'cs': '<p>Další vlastností, kterou lze nastavit jednotlivým prvkům, je <code>align-self</code>. Tato vlastnost nabývá stejných hodnot jako <code>align-items</code>, ale ovlivňuje jen vybraný prvek.</p>',\n      'ja': '<p>他にも、個別のアイテムへ設定できるプロパティーとして<code>align-self</code>があります。このプロパティーは<code>align-items</code>と同じ値を受け付け、指定のアイテムの状態だけを変更します。</p>',\n      'hu': '<p>Egy másik, szintén az egyes elemekre alkalmazható tulajdonság az <code>align-self</code>. Ez a tulajdonság ugyanazon értékeket veheti fel, mint az <code>align-items</code> és a beállított érték az adott elemre specifikus lesz.</p>',\n      'eo': '<p>Alia trajto ke oni povas apliki al individuaj elementoj estas <code>align-self</code>. Tiu trajto permesas la samajn valorojn ol <code>align-items</code> kaj ĝia valoro por la specifa elemento.</p>',\n      'sv': '<p>En annan attribut man kan använda på individuella objekt är <code>align-self</code>. Detta attribut accepterar samma värden som <code>align-items</code> och dess värde är specifikt för objektet.</p>',\n      'uk': '<p>Ще одна властивість, котру ти зможеш застосувати до окремого елементу - це <code>align-self</code>. Ця властивість набуває тих самих значень, що й <code>align-items</code>.</p>',\n      'hi': '<p>एक अन्य प्रॉपर्टी <code>align-self</code> जिसे आप प्रत्येक वस्तु पर अलग-अलग लगा सकते हैं। यह प्रॉपर्टी <code>align-items</code> के मान को ही स्वीकार करती है परन्तु किसी विशिष्ट वस्तु के लिए।</p>',\n      'gj': '<p>એક બીજી પ્રોપર્ટી <code>align-self</code> જેને આપણે દરેક item પાર અલગ અલગ રીતે લગાડી શકીએ છીએ .આ પ્રોપર્ટી  <code>align-items</code> ના મૂલ્યને સ્વીકારે છે પરંતુ કોઈ ખાસ item માટે જ .</p>',\n      'sr': '<p>Још једно својство које можеш применити на појединачним елементима је <code>align-self</code>. Ово својство прихвата исте вредности као <code>align-items</code> и примењује их на конкретном елементу.</p>',\n      'bs': '<p>Još jedno svojstvo koje možeš primjeniti na pojedinačnim elementima je<code>align-self</code>. Ovo svojstvo prihvata iste vrijednosti kao <code>align-items</code> i primenjuje ih na konkretnom elementu.</p>',\n      'hr': '<p>Još jedno svojstvo koje možeš primijeniti na pojedinačnim elementima je<code>align-self</code>. Ovo svojstvo prihvaća iste vrijednosti kao <code>align-items</code> i primjenjuje ih na konkretnom elementu.</p>',\n      'nl': '<p>Een andere eigenschap die je kan toepassen op individuele elementen is <code>align-self</code>. Deze eigenschap aanvaard dezelfde waarden als <code>align-items</code> maar wordt gebruikt om de waarde op individueel niveau te overschrijven.</p>',\n      'ta': '<p> <code>align-self</code> என்ற மற்றொருproperty பயன்படுத்தி தனிப்பட்ட உருப்படிகளை சீரமைக்கலாம். இந்த property, <code>align-items</code>  மதிப்புகளை அப்படியே ஏற்றுக்கொள்ளும்.</p>',\n      'te': '<p>మీరు వ్యక్తిగత వస్తువులకు వర్తించే మరొక ఆస్తి <code>align-self</code>. ఈ ఆస్తి <code>align-items</code> వలె అదే విలువలను మరియు నిర్దిష్ట వస్తువు కోసం దాని విలువను అంగీకరిస్తుంది. </p> ',\n      'ml': '<p>വ്യക്തിഗത ഇനങ്ങൾക്ക് ഇത് അപ്ലൈ ചെയുവാൻ ആയി <code>align-self</code> ഉപയോഗിക്കാം. ഈ പ്രോപ്പർട്ടി  <code>align-items</code> യുടെ അതേ പ്രോപ്പർട്ടീസ് താനെ സ്വീകരിക്കും </p>',\n      'el': '<p>Μια άλλη ιδιότητα που μπορείτε να εφαρμόσετε σε μεμονωμένα αντικείμενα είναι το <code>align-self</code>. Αυτή η ιδιότητα αποδέχεται τις ίδιες αξίες με το <code>align-items</code>, αλλά ισχύει μόνο για το συγκεκριμένο αντικείμενο.</p>',\n      'mk': '<p>Друго својство кое што можете да го примените на индивидуални елементи е <code>align-self</code>. Ова својство ги прима истите вредности како и <code>align-items</code> и неговата вредност за определен елемент.</p>',\n      'lv': '<p><code>align-self</code> ir vēl viena metode, ko vari piešķirt kādam individuālam elementam. Šī metode pieņem tādas pašas vērtības kā <code>align-items</code> un piešķir šo vērtību attiecīgajam elementam.</p>',\n      'id': '<p>Properti lain yang dapat kamu terapkan untuk masing-masing objek adalah <code>align-self</code>. Properti ini memiliki nilai yang sama dengan <code>align-items</code> dan nilainya untuk item tertentu.</p>',\n      'ar': '<p>هناك خاصية اخرى يمكنك تنفيذها على عناصر منفردة وهي <code>align-self</code>. هذه الخاصية تقبل نفسي القيم التي تقبلها <code>align-items</code> وقيمتها لعنصر مخصص فقط.</p>',\n      'ca': '<p>Una altra propietat que pots aplicar als elements individuals és <code>align-self</code>. Aquesta propietat accepta els mateixos valors de <code>align-items</code> i els seus valors són utilitzats per a un element específic</p>',\n      'da': '<p>En anden egenskab, der kan bruges på individuelle elementer er <code>align-self</code>. Denne egenskab tager imod de samme værdier som <code>align-items</code> og giver værdien til det specifikke element.</p>',\n      'et': '<p>Veel üks omadus, mida sa saad rakendada üksikutele elementidele on <code>align-self</code>. Selle omaduse puhul saab kasutada samasid väärtusi nagu <code>align-items</code> ja anda see väärtus kindlale elemendile.</p>',\n      'fi': '<p>Toinen ominaisuus, jonka voit määrittää yksittäisille elementeille, on <code>align-self</code>. Tälle ominaisuudelle voi antaa samoja arvoja kuin ominaisuudelle <code>align-items</code>, ja se vaikuttaa vain määritettyyn elementtiin.</p>',\n      'gl': '<p>Outra propiedade que podes aplicar a elementos individuais é <code>align-self</code>. Esta propiedade acepta os mesmos valores ca <code>align-items</code> e aplícase só a un elemento específico.</p>',\n      'th': '<p>คุณสมบัติอีกอย่างที่คุณสามารถใช้กับ item เฉพาะตัวคือ <code>align-self</code> คุณสมบัตินี้รับค่าเหมือนกันกับ <code>align-items</code> และในการกำหนดค่าให้กับ item เฉพาะตัว</p>',\n      'mn': '<p>Та тусдаа item-д хэрэглэж болох өөр нэг проперти бол <code>align-self</code> юм. Энэ проперти нь <code>align-items</code>-тай ижил утгуудыг болон тодорхой item-н утгыг хүлээн авдаг.</p>',\n      'sk': '<p>Ďalšou vlastnosťou, ktorú môžete použiť na jednotlivé položky, je <code>align-self</code>. Táto vlastnosť prijíma rovnaké hodnoty ako <code>align-items</code> a jej hodnota pre konkrétnu položku.</p>',\n      'si': '<p>ඔබට තනි අයිතම සඳහා යෙදිය හැකි තවත් ගුණාංගයක් වන්නේ <code>align-self</code>. මෙම ගුණාංගය <code>align-items</code> හි අගයන් පිළිගන්නා අතර මෙහි අගය තනි නිශ්චිත අයිතමය සදහා වේ.</p>',\n      'np': '<p>व्यक्तिगत वस्तुहरूमा तपाईंले प्रयोग गर्न सक्ने अर्को प्रोपर्टी <code>align-self</code> हो। यस प्रोपर्टीले <code>align-items</code> जस्तै मानहरू स्वीकार गर्दछ र विशेष वस्तुको लागि प्रयोग गर्न सकिन्छ।</p>',\n      'my': '<p>တစ်ခုချင်းစီအတွက် သုံးနိုင်သော အခြားသော ပရိုပတ်တီတစ်ခုမှာ <code>align-self</code> ဖြစ်သည်။ ဤပရိုပတ်တီသည် <code>align-items</code> နှင့် တူညီသော တန်ဖိုးများကို လက်ခံပြီး အထူးအရာဝတ္ထုအတွက် ၎င်း၏ တန်ဖိုးကို သတ်မှတ်နိုင်သည်။</p>',\n      'yo': '<p>Ohun-ini mìíràn tí o lè lo sí àwọn ohun kọọkan jẹ́ <code>align-self</code>. Ohun-ini yìí ń gba àwọn iye kan náà gẹ́gẹ́ bí <code>align-items</code> àti iye rẹ fún ohun kan pàtó.</p>',\n      'no': '<p>En annen egenskap du kan bruke på individuelle elementer er <code>align-self</code>. Denne egenskapen godtar de samme verdiene som <code>align-items</code> og dens verdi for det spesifikke elementet.</p>',\n    },\n    board: 'ggygg',\n    selector: '> :nth-child(3)',\n    style: { 'align-self': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n  align-items: flex-start;\\n}\\n\\n.yellow {\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-self 2',\n    instructions: {\n      'en': '<p>Combine <code>order</code> with <code>align-self</code> to help the frogs to their destinations.</p>',\n      'bn': '<p><code>order</code> এবং <code>align-self</code> এক সাথে ব্যবহার করুন ব্যাঙগুলোকে তাদের গন্তব্যে পৌঁছে দিতে।</p>',\n      'af': '<p>Kombineer <code>order</code> met <code>align-self</code> om die paddas te ly na hulle bestemmings.</p>',\n      'he': '<p>שלבו את <code>order</code> ואת <code>align-self</code> כדי לעזור לצפרדעים להגיע לעלים שלהן.</p>',\n      'ro': '<p>Combină <code>order</code> cu <code>align-self</code> pentru a le ajuta pe broaște să ajungă la destinație.</p>',\n      'bg': '<p>Комбинирай <code>order</code> с <code>align-self</code>, за да помогнеш на жабчетата да достигнат своето местоназначение.</p>',\n      'de': '<p>Kombiniere <code>order</code> mit <code>align-self</code>, um die Frösche zum Ziel zu bringen.</p>',\n      'pt-br': '<p>Combine <code>order</code> e <code>align-self</code> para levar os sapos aos seus destinos.</p>',\n      'es': '<p>Combina <code>order</code> con <code>align-self</code> para ayudar a las ranas a llegar a sus destinos.</p>',\n      'fr': '<p>Combinez <code>order</code> et <code>align-self</code> pour aider les grenouilles à arriver à destination.</p>',\n      'ru': '<p>Используй <code>order</code> и <code>align-self</code> вместе, чтобы помочь лягушатам добраться к своим целям.</p>',\n      'fa': '<p>با استفاده از خاصیت های <code>order</code> و <code>align-self</code> به قورباغه ها کمک کنید به نیلوفر آبی خود برسند.</p>',\n      'zh-cn': '<p>用<code>order</code>和<code>align-self</code>的组合来帮助青蛙们到它们的目的地。</p>',\n      'zh-tw': '<p>用<code>order</code>和<code>align-self</code>的組合來幫助青蛙們到它們的目的地。</p>',\n      'tr': '<p><code>order</code> kuralını <code>align-self</code> kuralı ile birleştirerek kurbağaları varacakları yere gitmelerine yardımcı olun</p>',\n      'az': '<p><code>order</code> qaydasını <code>align-self</code> qaydası ilə birləşdirərək qurbağaların çatacaqları yerə getmələrinə kömək edin</p>',\n      'it': '<p>Combina <code>order</code> con <code>align-self</code> per aiutare le rane ad arrivare a destinazione.</p>',\n      'ko': '<p><code>order</code>와 <code>align-self</code>를 사용하여 개구리들을 자기 색깔과 같은 수련잎 위로 보내주세요.</p>',\n      'lt': '<p>Panaudokite <code>order</code> ir <code>align-self</code> kombinaciją, kad padėtumėte varlytėms pasiekti savo lelijų lapus.</p>',\n      'vi': '<p>Kết hợp <code>order</code> với <code>align-self</code> giúp các chú ếch đến đúng địa điểm của chúng.</p>',\n      'pl': '<p>Pomóż żabkom dotrzeć do listków przy pomocy kombinacji własności <code>order</code> i <code>align-self</code>.</p>',\n      'cs': '<p>Pomozte žabkám na lekníny kombinací vlastností <code>order</code> a <code>align-self</code>.</p>',\n      'ja': '<p><code>order</code>を<code>align-self</code>を組み合わせて、カエルたちを目的地へ連れて行ってあげましょう。</p>',\n      'hu': '<p>Ötvözd az <code>order</code> és az <code>align-self</code> tulajdonságok erejét, hogy a békák elérjék úticéljukat.</p>',\n      'eo': '<p>Kombinu <code>order</code> kun <code>align-self</code> por helpi la ranojn iri al iliaj cellokoj.</p>',\n      'sv': '<p>Kombinera <code>order</code> och <code>align-self</code> för att hjälpa grodorna till sina blomblad.</p>',\n      'uk': '<p>Скомбінуй <code>order</code> з <code>align-self</code>, щоб допомогти жабенятам дістатися свого призначення.</p>',\n      'hi': '<p><code>order</code> एवं <code>align-self</code> का इस्तेमाल करते हुए मेंढकों को उनके गंतव्य तक पहुंचाइये।</p>',\n      'gj': '<p><code>order</code> તેમજ  <code>align-self</code> નો ઉપયોગ કરીને દેડકાઓને તેમના સ્થાન સુધી પહોંચાડો .</p>',\n      'sr': '<p>Комбинуј <code>order</code> са <code>align-self</code> како би помогао/ла жабицама да стигну до свог циља.</p>',\n      'bs': '<p>Kombiniraj <code>order</code> sa <code>align-self</code> kako bi pomogao/la žabicama da stignu do svog cilja.</p>',\n      'hr': '<p>Kombiniraj <code>order</code> sa <code>align-self</code> kako bi pomogao/la žabicama da stignu do svog cilja.</p>',\n      'nl': '<p>Combineer <code>order</code> met <code>align-self</code> om de kikkers naar hun bestemming te leiden.</p>',\n      'ta': '<p><code>order</code> மற்றும் <code>align-self</code> பயன்படுத்தி  தவளைகளுக்கு  வழி காட்டவும். <p>',\n      'te': '<p>కప్పలను వారి గమ్యస్థానాలకు సహాయం చేయడానికి <code>order</code> ను <code>align-self</code> తో కలపండి. </p>',\n      'ml': '<p><code>order</code> with <code>align-self</code> ഉപയോഗിച്ച് ഉദ്ധിഷ്ടസ്ഥാനത്തു എത്തിക്കുക.</p>',\n      'el': '<p>Συνδυάστε το <code>order</code> με το <code>align-self</code> για να βοηθήσετε τους βατράχους να φτάσουν στους προορισμούς τους.</p>',\n      'mk': '<p>Комбинирајте <code>order</code> со <code>align-self</code> да им помогнете на жабите да стигнат до нивните дестинации.</p>',\n      'lv': '<p>Kombinē <code>order</code> ar <code>align-self</code> un palīdzi vardulēniem nokļūt līdz saviem mērķiem.</p>',\n      'id': '<p>Gabungkan <code>order</code> dengan <code>align-self</code> untuk membanntu katak mencapai tujuan mereka.</p>',\n      'ar': '<p>استخدم <code>order</code> مع <code>align-self</code> لمساعدة الضفادع بالذهاب الى وجهاتهم.</p>',\n      'ca': '<p>Combina <code>order</code> amb <code>align-self</code> per ajudar a les granotes a arribar a seus destins.</p>',\n      'da': '<p>Kombiner <code>order</code> med <code>align-self</code> for at hjælpe frøerne til deres destinationer.</p>',\n      'et': '<p>Kasuta <code>order</code> koos <code>align-self</code>, et aidata konnad oma sihtpunktidesse.</p>',\n      'fi': '<p>Auta sammakot omille paikoilleen käyttämällä ominaisuuksia <code>order</code> ja <code>align-self</code> yhdessä.</p>',\n      'gl': '<p>Combina <code>order</code> con <code>align-self</code> para axudar ás rás a chegar ao seu destino.</p>',\n      'th': '<p>รวมคำสั่ง <code>order</code> กับ <code>align-self</code> เพื่อช่วยเจ้ากบเหล่านี้ไปยังจุดหมาย</p>',\n      'mn': '<p>Мэлхийнүүдийг зорьсон газарт нь хүргэхийн тулд <code>order</code>-г <code>align-self</code>-тэй хослуулаарай.</p>',\n      'sk': '<p>Kombináciou <code>order</code> s <code>align-self</code> pomôžete žabkám dostať sa na miesto určenia.</p>',\n      'si': '<p>මැඬියන්ට ඔවුන්ගේ ගමනාන්තයට යෑමට උපකාර කිරීමට <code>order</code> සමඟ <code>align-self</code> සංයෝජනය කරන්න.</p>',\n      'np': '<p>भ्यागुतोलाई तिनका गन्तव्यमा पुर्‍याउन <code>order</code> लाई <code>align-self</code> सँग मिलाएर प्रयोग गर्नुहोस्।</p>',\n      'my': '<p>ကွင်းဆက် <code>order</code> နှင့် <code>align-self</code> ကို သုံးပြီး ကန်ထရိုက်များကို သူတို့ရဲ့ ရည်မှန်းချက်များသို့ ဦးတည်စေပါ။</p>',\n      'yo': '<p>Darapọ̀ <code>order</code> pẹ̀lú <code>align-self</code> láti ṣe iranlọwọ fún àwọn ọ̀pọ̀lọ sí àwọn ibi wọn.</p>',\n      'no': '<p>Kombiner <code>order</code> med <code>align-self</code> for å hjelpe froskene til destinasjonene sine.</p>',\n    },\n    board: 'ygygg',\n    selector: '> .yellow',\n    style: { 'align-self': 'flex-end', 'order': '2' },\n    before: \"#pond {\\n  display: flex;\\n  align-items: flex-start;\\n}\\n\\n.yellow {\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-wrap 1',\n    instructions: {\n      'en': '<p>Oh no! The frogs are all squeezed onto a single row of lilypads. Spread them out using the <code>flex-wrap</code> property, which accepts the following values:</p><ul><li><code>nowrap</code>: Every item is fit to a single line.</li><li><code>wrap</code>: Items wrap around to additional lines.</li><li><code>wrap-reverse</code>: Items wrap around to additional lines in reverse.</li></ul>',\n      'bn': '<p>ওহ না! সবগুলো ব্যাঙ পদ্ম-পাতার একটি row তে সংকীর্ন হয়ে গেছে। <code>flex-wrap</code> property ব্যবহার করে তাদের দূরে সরান, যা নিচের মান (value) গুলো গ্রহণ করেঃ</p><ul><li><code>nowrap</code>: সব গুলো item কে একটি লাইনে ফিট করা হয়।</li><li><code>wrap</code>: Item গুলোকে অতিরিক্ত লাইনে wrap করে হয়।</li><li><code>wrap-reverse</code>: Item গুলোকে অতিরিক্ত লাইনে wrap করে হয় বিপরীত ভাবে।</li></ul>',\n      'af': '<p>Aitsa! Die paddas is almal op `n enkel ry van waterlelies op gedruk. Verspry hulle met gebruik van die <code>flex-wrap</code> eienskap, wat die volgende waardes aanvaar:</p><ul><li><code>nowrap</code>: Elke item is in `n enkel lyn gepas.</li><li><code>wrap</code>: Items vou in addisionele lyne in.</li><li><code>wrap-reverse</code>: Items vou in addisionele lyne in en is omgedraai.</li></ul>',\n      'he': '<p>אוי לא! הצפרדעים נדחסו לשורה אחת של עלים. תפזרו אותן בשימוש בתכונה <code>flex-wrap</code>, שמקבלת את הערכים הבאים:</p><ul><li><code>nowrap</code>: כל פריט מותאם לשורה אחת.</li><li><code>wrap</code>: פריטים \"נעטפים\" (מתפזרים) כל גבי כמה שורות.</li><li><code>wrap-reverse</code>: פריטים \"נעטפים\" (מתפזרים) על גבי כמה שורות בסדר הפוך.</li></ul>',\n      'ro': '<p>O nu! Broaștele sunt toate înghesuite pe un singur rând de nuferi. Răspândește-le folosind proprietatea <code>flex-wrap</code>, care acceptă următoarele valori:</p><ul><li><code>nowrap</code>: Fiecare element este așezat pe o singură linie.</li><li><code>wrap</code>: Elementele se împart pe mai multe linii.</li><li><code>wrap-reverse</code>: Elementele se împart pe mai multe linii in ordine inversă.</li></ul>',\n      'bg': '<p>О не! Всички жабчета са смачкани на един единствен ред. Разделечи ги, използвайки свойството <code>flex-wrap</code>, което приема следните стойности:</p><ul><li><code>nowrap</code>: Всеки елемент се ситуира на един ред.</li><li><code>wrap</code>: Елементите се подреждат на допълнителни редове.</li><li><code>wrap-reverse</code>: Елементите се подреждат на допълнителни редове в обратен ред.</li></ul>',\n      'de': '<p>Oh nein! Alle Frösche sind in eine Reihe von Seerosenblättern gequetscht. Verteile sie mit der <code>flex-wrap</code>-Eigenschaft, welche die folgenden Werte akzeptiert:</p><ul><li><code>nowrap</code>: Alle Elemente in einer einzigen Zeile platzieren.</li><li><code>wrap</code>: Elemente auf zusätzliche Zeilen umbrechen.</li><li><code>wrap-reverse</code>: Elemente in umgekehrter Reihenfolge auf zusätzliche Zeilen umbrechen.</li></ul>',\n      'pt-br': '<p>Ah, não! Os sapos estão todos apertados em uma única linha de vitórias-régias. Espalhe-os usando a propriedade <code>flex-wrap</code>, que aceita os seguintes valores:</p><ul><li><code>nowrap</code>: Todos os itens são apertados em uma única linha.</li><li><code>wrap</code>: Itens se separam em linhas adicionais.</li><li><code>wrap-reverse</code>: Itens se separam em linhas adicionais em reverso.</li></ul>',\n      'es': '<p>¡Oh, no! Todas las ranas están apretadas en una sola fila de hojas de lirio. Manos a la obra, vamos a distribuirlas correctamente usando la propiedad <code>flex-wrap</code>, la cual acepta los siguientes valores:</p><ul><li><code>nowrap</code>: Cada elemento se ajusta en una sola línea.</li><li><code>wrap</code>: los elementos se envuelven alrededor de líneas adicionales.</li><li><code>wrap-reverse</code>: Los elementos se envuelven alrededor de líneas adicionales en reversa.</li></ul>',\n      'fr': '<p>Oh non! Les grenouilles sont écrasées dans une seule rangée de nénuphars. Distribuez-les en utilisant la propriété <code>flex-wrap</code>, qui accepte les valeurs suivantes&nbsp;:</p><ul><li><code>nowrap</code>&nbsp;: Tous les éléments sont tenus sur une seule ligne.</li><li><code>wrap</code>&nbsp;: Les éléments s\\'enveloppent sur plusieurs lignes au besoin.</li><li><code>wrap-reverse</code>&nbsp;: Les éléments s\\'enveloppent sur plusieurs lignes dans l\\'ordre inversé.</li></ul>',\n      'ru': '<p>О нет! Лягушат сплющило на одном ряду лилий. Раздвинь их с помощью свойства <code>flex-wrap</code>, которое принимает следующие значения:</p><ul><li><code>nowrap</code>: размеры элементов устанавливаются автоматически, чтобы они поместились в один ряд.</li><li><code>wrap</code>: элементы автоматически переносятся на новую строку.</li><li><code>wrap-reverse</code>: элементы автоматически переносятся на новую строку, но строки расположены в обратном порядке.</li></ul>',\n      'fa': '<p>همه قورباغه ها بر روی یک سطر از نیلوفر های آبی به صورت فشرده نشسته اند . با استفاده از خاصیت <code>flex-wrap</code> به آنها کمک کنید, این خاصیت مقادیر ریر را می پذیرد:</p><ul><li><code>nowrap</code>:  این مقدار پیشفرض است و تمامی آیتم ها در یک خط و در کنار هم قرار می‌گیرند.</li><li><code>wrap</code>:  با استفاده از این مقدار آیتم ها در چند خط قرار میگیرند.</li><li><code>wrap-reverse</code>: این مقدار شبیه به wrap است اما به جای اینکه چیدمان آیتم ها از بالا به پایین باشد از پایین به بالا است.</li></ul>',\n      'zh-cn': '<p>哦不！这些青蛙都挤到一行了。用<code>flex-wrap</code>属性把它们分散看看。这个属性接受这些值：</p><ul><li><code>nowrap</code>: 所有的元素都在一行。</li><li><code>wrap</code>: 元素自动换成多行。</li><li><code>wrap-reverse</code>: 元素自动换成逆序的多行。</li></ul>',\n      'zh-tw': '<p>哦不！這些青蛙都擠到一列了。用<code>flex-wrap</code>屬性把它們分散看看。這個屬性接受這些值：</p><ul><li><code>nowrap</code>: 所有的元素都在一行。</li><li><code>wrap</code>: 元素自動換成多行。</li><li><code>wrap-reverse</code>: 元素自動換成逆序的多行。</li></ul>',\n      'tr': '<p>Olamaz! Tüm kurbağalar tek sıra nilüfer yapraklarına sıkıştılar. <code>flex-wrap</code> kuralını kullanarak onları dağıtın. Bu kural şu değerleri alır:</p><ul><li><code>nowrap</code>: Tüm öğeler tek satıra sığar.</li><li><code>wrap</code>: Öğeler satırlara bölünür.</li><li><code>wrap-reverse</code>: Öğeler satırlara ters sırada bölünür.</li></ul>',\n      'az': '<p>Ola bilməz! Bütün qurbağalar tək sıra zanbaq yarpaqlarına ilişdilər. <code>flex-wrap</code> qaydasını istifadə edərək onları dağıdın. Bu qayda bu dəyərləri alır:</p><ul><li><code>nowrap</code>: Bütün elementlər tək sətirə sığır.</li><li><code>wrap</code>: Elementlər sətirlərə bölünür.</li><li><code>wrap-reverse</code>: Elementlər sətirlərə tərs sırada bölünür.</li></ul>',\n      'it': '<p>Oh no! Le rane sono ora tutte schiacciate in una sola riga di ninfee. Dirigile al loro posto utilizzando la proprietà <code>flex-wrap</code>, la quale accetta i seguenti valori:</p><ul><li><code>nowrap</code>: Ogni elemento viene sistemato nella stessa riga.</li><li><code>wrap</code>: Gli elementi vengono sistemati su più righe se non c\\'è spazio per tutti su una sola riga.</li><li><code>wrap-reverse</code>: Gli elementi vengono disposti su più righe in ordine inverso.</li></ul>',\n      'ko': '<p>오 이런! 개구리들이 한 줄 위에 비좁게 앉아있네요. 다음의 값들을 인자로 받는 <code>flex-wrap</code> 속성을 사용하여 개구리들이 넓게 앉을 수 있도록 해주세요:</p><ul><li><code>nowrap</code>: 모든 요소들을 한 줄에 정렬합니다.</li><li><code>wrap</code>: 요소들을 여러 줄에 걸쳐 정렬합니다.</li><li><code>wrap-reverse</code>: 요소들을 여러 줄에 걸쳐 반대로 정렬합니다.</li></ul>',\n      'lt': '<p>O ne! Varlytės susispaudė vienoje lelijų lapų eilėje. Paskirstykite jas taip, kad kiekviena turėtų savo lelijos lapą. Naudokite komandą <code>flex-wrap</code>, kuri reaguoja į šias vertes:</p><ul><li><code>nowrap</code>: Visi elementai sutalpinami vienoje eilutėje.</li><li><code>wrap</code>: Elementai talpinami keliose eilutėse.</li><li><code>wrap-reverse</code>: Elementai talpinami keliose eilutėse atvirkštine tvarka.</li></ul>',\n      'vi': '<p>Ồ không! Những chú ếch đều được dồn vào một hàng duy nhất theo các lá bông súng. Tách rời chúng ra bằng cách sử dụng thuộc tính <code>flex-wrap</code>, thuộc tính này chấp nhận các giá trị sau:</p><ul><li><code>nowrap</code>: Mỗi hạng mục được dồn vào một hàng duy nhất.</li><li><code>wrap</code>: Các hạng mục quấn xung quanh để tạo thêm dòng.</li><li><code>wrap-reverse</code>: Các hạng mục quấn xung quanh để tạo thêm dòng ngược lại.</li></ul>',\n      'pl': '<p>O, nie! Żabki są ściśnięte w jednym wierszu. Rozprosz je przy pomocy własności <code>flex-wrap</code>, która przyjmuje wartości:</p><ul><li><code>nowrap</code>: Każdy element dopasowuje się do pojedynczego wiersza.</li><li><code>wrap</code>: Elementy wystające przechodzą do kolejnych linii.</li><li><code>wrap-reverse</code>: Elementy wystające do kolejnych linii w odwrotnej kolejności.</li></ul>',\n      'cs': '<p>Ale ne! Všechny žabky se tísní na jednom řádku. Rozprostřete je vlastností <code>flex-wrap</code>, která nabývá následujících hodnot:</p><ul><li><code>nowrap</code>: Všechny prvky na jednen řádek.</li><li><code>wrap</code>: Umožňuje zalomení na více řádků.</li><li><code>wrap-reverse</code>: Umožňuje zalomení, ale v opačném směru.</li></ul>',\n      'ja': '<p>おやおや、カエルたちが一列の蓮の葉の上で窮屈そうにしていますね。<code>flex-wrap</code>プロパティーを使って、彼らを広げてあげてください。このプロパティーは以下の値を取ります。</p><ul><li><code>nowrap</code>: 全てのアイテムは、ひとつの行にフィットします。</li><li><code>wrap</code>: アイテムは他の行へ折り返します。</li><li><code>wrap-reverse</code>: アイテムは逆順になって他の行へ折り返します。</li></ul>',\n      'hu': '<p>Jajj, ne! A békák mind rápréselődtek egyetlen sor tündérrózsára. Oszlasd el őket a <code>flex-wrap</code> tulajdonság használatával, amely a következő értékeket veheti fel:</p><ul><li><code>nowrap</code>: Minden elem egyetlen sorba tömörödik.</li><li><code>wrap</code>: Az elemek további sorokba törnek.</li><li><code>wrap-reverse</code>: Az elemek további sorokba törnek fordított irányban.</li></ul>',\n      'eo': '<p>Ve! Ĉiuj ranoj estas premitaj sur nuran vicon de akvolilifolioj. Sternu ilin pere de la <code>flex-wrap</code> trajto, kiu akceptas la sekvajn valorojn:</p><ul><li><code>nowrap</code>: Ĉiuj elementoj laŭmezuras al unuopa linio.</li><li><code>wrap</code>: Elementoj faldas ĉirkaŭe al pluaj linioj.</li><li><code>wrap-reverse</code>: Elementoj faldas ĉirkaŭe al pluaj linioj je inversa ordo.</li></ul>',\n      'sv': '<p>Åh nej! Alla grodorna är ihopklämnda på en och samma rad. Sprid ut dom genom att använda <code>flex-wrap</code>, vilket accepterar följande värden:</p><ul><li><code>nowrap</code>: Alla objekt är placerade på en enkel rad.</li><li><code>wrap</code>: Objekten spiller över till flera rader.</li><li><code>wrap-reverse</code>: Objekten splller över till flera rader i omvänd ordning.</li></ul>',\n      'uk': '<p>Ой ні! Всі жабенята опинилися стиснутими в одному рядку. Розсади їх по місцях, за допомогою властивості<code>flex-wrap</code>, яка набуває таких значень:</p><ul><li><code>nowrap</code>: Кожен елемент буде розташований один за одним в одному рядку. Ширина елементів встановлюється автоматично, щоб вміститись в рядок.</li><li><code>wrap</code>: Елементи переносятся до наступного рядка.</li><li><code>wrap-reverse</code>: Елементи переносятся до наступного рядка у зворотньому порядку.</li></ul>',\n      'hi': '<p>अरे नहीं! सभी मेंढक एक ही पंक्ति में चिपक गए हैं। <code>flex-wrap</code> प्रॉपर्टी द्वारा उन्हें फैलाइये, यह निम्न मान स्वीकार करता है:</p><ul><li><code>nowrap</code>: प्रत्येक वस्तु एक ही पंक्ति में समायोजित करता है।</li><li><code>wrap</code>: वस्तुएं अतिरिक्त पंक्तियों में समायोजित हो जाती हैं।</li><li><code>wrap-reverse</code>: वस्तुएं अतिरिक्त पंक्तियों में समायोजित होती हैं।</li></ul>',\n      'gj': '<p> અરે રે ! બધા દેડકાઓ એક જ હારમાં ચોંટી ગયા છે. <code>flex-wrap</code> પ્રોપર્ટી દ્વારા તેમને ફેલાવો (અલગ અલગ કરો), તે નીચેના મુજબના મૂલ્યો ને સ્વીકારે છે.</p><ul><li><code>nowrap</code>: દરેક itemને એક જ હારમાં ગોઠવે છે.</li><li><code>wrap</code>: itemને  અન્ય વધારાની હારમાં ગોઠવે છે. </li><li><code>wrap-reverse</code>:  itemને  અન્ય વધારાની હારમાં ઉલટા ક્ર્મમાં  ગોઠવે છે. </li></ul>',\n      'sr': '<p>Ох не! Све жабице су се нагурале у један ред са локвањима. Дај им простора користећи <code>flex-wrap</code> својство, које прихвата следеће вредности:</p><ul><li><code>nowrap</code>: Сви елементи стају у један ред.</li><li><code>wrap</code>: Елементи прелазе у следеће редове.</li><li><code>wrap-reverse</code>: Елементи прелазе у следеће редове у обрнутом редоследу.</li></ul>',\n      'bs': '<p>Oh ne! Sve žabice su se nagurale u jedan red sa listovima. Daj im prostora koristeći <code>flex-wrap</code> svojstvo, koje prihvata sljedeće vrijednosti:</p><ul><li><code>nowrap</code>: Svi elementi se uklapaju u jedan red.</li><li><code>wrap</code>: Elementi prelaze u sljedeće redove.</li><li><code>wrap-reverse</code>: Elementi prelaze u sljedeće redove u obrnutom redoslijedu.</li></ul>',\n      'hr': '<p>O ne! Sve žabice su se nagurale u jedan red sa listovima. Daj im prostora koristeći <code>flex-wrap</code> svojstvo, koje prihvaća sljedeće vrijednosti:</p><ul><li><code>nowrap</code>: Svi elementi se uklapaju u jedan red.</li><li><code>wrap</code>: Elementi prelaze u sljedeće redove.</li><li><code>wrap-reverse</code>: Elementi prelaze u sljedeće redove u obrnutom redoslijedu.</li></ul>',\n      'nl': '<p>Oh nee! De kikkers zitten allemaal samengepakt op een enkele rij van lelieblaadjes. Verspreid ze door de <code>flex-wrap</code> eigenschap te gebruiken, deze aanvaard de volgende waarden:</p><ul><li><code>nowrap</code>: Alle elementen worden samengepakt op een enkele lijn.</li><li><code>wrap</code>: Elementen worden over meerdere lijnen gewikkeld.</li><li><code>wrap-reverse</code>: Elementen worden over meerdere lijnen in omgekeerde richting gewikkeld.</li></ul>',\n      'ta': '<p>அய்யகோ! அனைத்து தவளைகளும் ஒரே வரிசையில் உள்ள இலைகளில் அமுக்கப்பட்டுள்ளன. <code>flex-wrap</code> property பயன்படுத்தி அவைகளுக்கிடையே இடைவெளி விடவும். மேலும் இது கீழ்கண்ட மதிப்புகளை ஏற்றுக்கொள்ளும்:</p><ul><li><code>nowrap</code>: ஒவ்வொரு உருப்படியம் ஒற்றை வரியில் சீரமைக்கப்படும்.</li><li><code>wrap</code>: பொருட்கள் கூடுதல் வரியில் அமையுமாறு சீரமைக்கப்படும்.</li><li><code>wrap-reverse</code>: பொருட்கள் கூடுதல் வரியில், எதிர் திசையில் அமையுமாறு சீரமைக்கப்படும்.</li></ul>',\n      'te': '<p> అరెరే! కప్పలు అన్నీ ఒకే వరుస లిల్లీప్యాడ్స్‌పైకి వెళ్లిపోయాయి. <code>flex-wrap</code> ఆస్తిని ఉపయోగించి వాటిని విస్తరించండి,  ఈ CSS ఆస్తి ఈ క్రింది విలువలను అంగీకరిస్తుంది:</p><ul><li><code>nowrap</code>: ప్రతి అంశం ఒకే పంక్తికి సరిపోతుంది . </li><li><code>wrap</code>: అంశాలు అదనపు పంక్తులతో చుట్టబడతాయి. </li><li><code>wrap-reverse</code>: అంశాలు రివర్స్‌లోని అదనపు పంక్తులకు చుట్టబడతాయి .</li></ul>',\n      'ml': '<p>അയ്യോ! തവളകൾ അലാം ഒരേ വഴിയിൽ പെറ്റു പോയി. <code>flex-wrap</code> ഉപയോഗിച്ച് അവരെ നീക്കി നിർത്തു. </p><ul><li><code>nowrap</code>: ഓരോ ഇനവും ഒരൊറ്റ വരിയ്ക്ക് അനുയോജ്യമാണ്.</li><li><code>wrap</code>: ഇനങ്ങൾ അധിക വരികളിലേക്ക് പൊതിയുക.</li><li><code>wrap-reverse</code>: പിൻവലിക്കിലെ കൂടുതൽ വരികളിലേക്ക് ഇനങ്ങൾ സഞ്ചരിക്കുന്നു.</li></ul>',\n      'el': '<p>Ωχ όχι! Όλοι οι βάτραχοι συμπιέζονται σε μία σειρά νουφάρων. Απλώστε τους χρησιμοποιώντας την ιδιότητα <code>flex-wrap</code>, που αποδέχεται τις εξής αξίες:</p><ul><li><code>nowrap</code>: Όλα τα αντικείμενα τοποθετούνται σε μία μόνο γραμμή.</li><li><code>wrap</code>: Τα αντικείμενα τυλίγονται σε επιπρόσθετες γραμμές.</li><li><code>wrap-reverse</code>: Τα αντικείμενα τυλίγονται σε επιπρόσθετες γραμμές με αντίστροφη σειρά.</li></ul>',\n      'mk': '<p>О не! Сите жабите се смачкани на еден единствен ред од листови. Распределете ги со користење на <code>flex-wrap</code> својството, кое што ги прима следните вредности:</p><ul><li><code>nowrap</code>: Секој елемент опфаќа еден ред.</li><li><code>wrap</code>: Елементите се подредуваат во дополнителни редови.</li><li><code>wrap-reverse</code>: Елементите се подредуваат во дополнителни редови во обратен редослед.</li></ul>',\n      'lv': '<p>Ak nē! Visi vardulēni ir iespiesti vienā ūdensrožu rindā. Lietojot <code>flex-wrap</code> metodi, palīdzi tiem izplesties. Šī metode pieņem sekojošas vērtības : <p><ul><li><code>nowrap</code>: Katrs elements ir iespiests vienā līnijā.</li><li><code>wrap</code>: Elementi tiek izvietoti pa pieejamajām līnijām.</li><li><code>wrap-reverse</code>: Elementi apgrieztā secībā tiek izvietoti pa pieejamajām līnijām.</li></ul>',\n      'id': '<p>Oh tidak! Semua katak bersesakan dalam satu lilypads. Sebarkan mereka dengan menggunakan <code>flex-wrap</code> properti, yang menerima nilai-nilai berikut:</p><ul><li><code>nowrap</code>: Setiap objek pada satu baris.</li><li><code>wrap</code>: Objek membungkus ke baris tambahan.</li><li><code>wrap-reverse</code>: Objek membungkus ke garis tambahan wrap secara terbalik.</li></ul>',\n      'ar': '<p>للاسف ! تم وضع جميع الضفادع على صف واحد من اوراق الزنبق. افصلهم باستخدام خاصية <code>flex-wrap</code> , التي تقبل القيم التالية:</p><ul><li><code>nowrap</code>: توضع جميع العناصر في سطر واحد.</li><li><code>wrap</code>: تتمدد العناصر الى باقي السطور.</li><li><code>wrap-reverse</code>: تتمدد العناصر الى باقي السطور بشكل معكوس.</li></ul>',\n      'ca': '<p>Oh, no! Totes les granotes estan apretades en una sola fila de nenúfars. Anem a distribuir-les correctament utilitzant la propietat <code>flex-wrap</code>, que accepta els següents valors:</p><ul><li><code>nowrap</code>: Cada element s\\'ajusta en una sola línia.</li><li><code>wrap</code>: els elements s\\'envolten de línies adicionals.</li><li><code>wrap-reverse</code>: Els elements s\\'envolten de línies adicionals invertides.</li></ul>',\n      'da': '<p>Åh nej! Frøerne er mast sammen på en enkelt række åkander. Fordel dem med egenskaben <code>flex-wrap</code>, som tager imod følgende værdier:</p><ul><li><code>nowrap</code>: Alle elementer tvinges ind på en enkelt linje.</li><li><code>wrap</code>: Elementer fordeles på flere linjer.</li><li><code>wrap-reverse</code>: Elementer fordeles på flere linjer i omvendt rækkefølge.</li></ul>',\n      'et': '<p>Oh ei! Kõik konnad on pressitud ühele reale. Jaota nad laiali kasutades <code>flex-wrap</code> omadust, millele saab anda järgmisi väärtusi:</p><ul><li><code>nowrap</code>: Kõik elemendid on paigutatud ühele reale.</li><li><code>wrap</code>: elemendid on pakitud ümber eraldi joonte.</li><li><code>wrap-reverse</code>: Elemendid on pakitud ümber eraldi joonte aga vastupidises järjekorras.</li></ul>',\n      'fi': '<p>Voi ei! Sammakot ovat ahtautuneet samalle riville. Auta niitä levittäytymään <code>flex-wrap</code>-ominaisuuden avulla. Sille voi antaa jonkin seuraavista arvoista:</p><ul><li><code>nowrap</code>: Kaikki elementit sovitetaan yhdelle riville.</li><li><code>wrap</code>: Elementit jakautuvat tarvittaessa useammalle riville.</li><li><code>wrap-reverse</code>: Elementit jakautuvat useammalle riville käänteisessä järjestyksessä.</li></ul>',\n      'gl': '<p>Vaia! As rás están todas apertadas nunha única fila de nenúfares. Distribúeas empregando a propiedade <code>flex-wrap</code>, que acepta os seguintes valores:</p><ul><li><code>nowrap</code>: Todos os elementos axústanse nunha única liña.</li><li><code>wrap</code>: Os elementos distribúense en liñas adicionais.</li><li><code>wrap-reverse</code>: Os elementos distribúense en liñas adicionais invertidas.</li></ul>',\n      'th': '<p>แย่แล้ว! เจ้ากบทั้งหลายถูกบีบให้อยู่ในใบบัวแถวเดียวกัน กระจายมันออกไปด้วยคุณสมบัติ <code>flex-wrap</code> ซึ่งรับค่าดังต่อไปนี้:</p><ul><li><code>nowrap</code>: ทุกๆ item จะถูกวางไว้ในแถวเดียวกัน</li><li><code>wrap</code>: items ที่เกินจะพับลงไปบรรทัดใหม่</li><li><code>wrap-reverse</code>: items ที่เกินจะพับลงไปบรรทัดใหม่ และเรียงกลับด้าน</li></ul>',\n      'mn': '<p>Өө үгүй ээ! Мэлхийнүүд бүгд ганцхан эгнээн дэх сараана цэцэгс дээр шахагдсан байна. Дараах утгуудыг хүлээн авах <code>flex-wrap</code> пропертийг ашиглан тэдгээрийг тараагаарай:</p><ul><li><code>nowrap</code>: Бүх items-г нэг мөрөнд багтаах. </li><li><code>wrap</code>: Зарим items-г нэмэлт мөрүүд рүү илгээх.</li><li><code>wrap-reverse</code>: Зарим items-г урвуу дараалалаар нэмэлт мөрүүд рүү илгээх. </li></ul>',\n      'sk': '<p>Ale nie! Všetky žaby sú natlačené v jednom rade lilií. Rozložte ich pomocou vlastnosti <code>flex-wrap</code>, ktorá akceptuje nasledujúce hodnoty:</p><ul><li><code>nowrap</code>: Každá položka sa zmestí do jedného riadku.</li><li><code>wrap</code>: Položky sa obtáčajú do ďalších riadkov.</li><li><code>wrap-reverse</code>: Položky sa obtáčajú do ďalších riadkov v opačnom poradí.</li></ul>',\n      'si': '<p>මාර වැඩේනේ! ඔක්කොම මැඬියො ටික තනි නෙළුම් කොළ පේළියකට තද වෙලා. ඔවුන්ව පැතිරවීමට <code>flex-wrap</code> ගුණාංගය භාවිතා කරන්න, එය පහත අගයන් පිළිගනී:</p><ul><li><code>nowrap</code>: අයිතම ඔක්කොම තනි පේළියකට හැදෙනවා.</li><li><code>wrap</code>: අයිතම පේළි කිහිපයකට හැදෙනවා.</li><li><code>wrap-reverse</code>: අයිතම පේළි කිහිපයකට reverse එකට හැදෙනවා.</li></ul>',\n      'np': '<p>ओहो! सबै भ्यागुताहरू एउटै पंक्तिको लिलीप्याडमा अटाएका छन्। तिनीहरूलाई <code>flex-wrap</code> प्रोपर्टी प्रयोग गरेर फैलाउनुहोस्, जसले तलका मानहरू स्वीकार गर्दछ:</p> <ul> <li><code>nowrap</code>: हरेक वस्तु एउटै लाइनमा अट्छ।</li> <li><code>wrap</code>: वस्तुहरू थप लाइनहरूमा फैलिन्छन्।</li> <li><code>wrap-reverse</code>: वस्तुहरू उल्टो दिशामा थप लाइनहरूमा फैलिन्छन्।</li> </ul>',\n      'my': '<p>အိုဟို! ဤက frog များသည် lily pad တစ်ခုတည်းတွင် အတင်းအကျွတ်ဖြစ်နေပါသည်။ <code>flex-wrap</code> ကို အသုံးပြု၍ ၎င်းတို့ကို ဖြန့်ဝေပါ။ ၎င်းသည် အောက်ပါ တန်ဖိုးများကို လက်ခံပါသည်။</p><ul><li><code>nowrap</code>: အရာဝတ္ထုတိုင်းကို တစ်ကြောင်းတည်းတွင် ထားပါသည်။</li><li><code>wrap</code>: အရာဝတ္ထုများကို ထပ်ဆင့်ကြောင်းများတွင် ထားပါသည်။</li><li><code>wrap-reverse</code>: အရာဝတ္ထုများကို ထပ်ဆင့်ကြောင်းများတွင် ပြန်လည်ထားပါသည်။</li></ul>',\n      'yo': '<p>Àh! Gbogbo àwọn ọ̀pọ̀lọ ti di kó sí ọ̀kan ṣoṣo lórí ìlà kan ti ewé ọdàn wọn. Tan wọ́n ká nípasẹ̀ lílo ohun-ini <code>flex-wrap</code>, èyí tí ń gba àwọn iye wọ̀nyí:</p><ul><li><code>nowrap</code>: Gbogbo ohun ni a fi sí ìlà kan ṣoṣo.</li><li><code>wrap</code>: Àwọn ohun yí ká sí àwọn ìlà míì.</li><li><code>wrap-reverse</code>: Àwọn ohun yí ká sí àwọn ìlà míì ní ìdàkèjì.</li></ul>',\n      'no': '<p>Å nei! Froskene er klemt sammen på én rad med vannliljer. Spre dem utover ved hjelp av <code>flex-wrap</code>-egenskapen, som godtar følgende verdier:</p><ul><li><code>nowrap</code>: Hvert element tilpasses til én linje.</li><li><code>wrap</code>: Elementer brytes rundt til flere linjer.</li><li><code>wrap-reverse</code>: Elementer brytes rundt til flere linjer i motsatt rekkefølge.</li></ul>',\n    },\n    board: 'ygggggr',\n    style: { 'flex-wrap': 'wrap' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-wrap 2',\n    instructions: {\n      'en': '<p>Help this army of frogs form three orderly columns using a combination of <code>flex-direction</code> and <code>flex-wrap</code>.</p>',\n      'bn': '<p>Help this army of frogs form three orderly columns using a combination of <code>flex-direction</code> এবং <code>flex-wrap</code> ব্যবহার করে ক্রম অনুসারে তিনটি column এর এই ব্যাঙের গ্রুপটিকে সাহায্য করুন।</p>',\n      'af': '<p>Help hierdie weermag van paddas om drie ordelike kolomme te vorm met `n kombinasie van <code>flex-direction</code> en <code>flex-wrap</code>.</p>',\n      'he': '<p>עזרו לצבא הצפרדעים הזה להסתדר בשלוש עמודות מסודרות בשימוש ב-<code>flex-direction</code> וב-<code>flex-wrap</code>.</p>',\n      'ro': '<p>Ajută această armată de broaște să formeze trei coloane ordonate folosind o combinație de <code>flex-direction</code> și <code>flex-wrap</code>.</p>',\n      'bg': '<p>Помогни на тази армия от жабчета да формира три подредени колони, използайки комбинация от <code>flex-direction</code> и <code>flex-wrap</code>.</p>',\n      'de': '<p>Hilf dieser Frosch-Armee, mit <code>flex-direction</code> und <code>flex-wrap</code> drei ordentliche Spalten zu formen.</p>',\n      'pt-br': '<p>Ajude esse exército de sapos a formar três colunas ordenadas usando uma combinação de <code>flex-direction</code> e <code>flex-wrap</code>.</p>',\n      'es': '<p>Ayuda a este ejército de ranas a ordenarse en tres columnas usando una combinación de <code>flex-direction</code> y <code>flex-wrap</code>.</p>',\n      'fr': '<p>Aidez cette armée de grenouille à former trois belles colonnes en utilisant une combinaison de <code>flex-direction</code> et <code>flex-wrap</code>.</p>',\n      'ru': '<p>Помоги этой армии лягушат выстроиться в три колонки с помощью комбинации <code>flex-direction</code> и <code>flex-wrap</code>.</p>',\n      'fa': '<p>به ارتش قورباغه ها کمک کنید تا به صورت منظم در ستون های خود قرار بگیرند با استفاده از خاصیت های <code>flex-direction</code> و <code>flex-wrap</code> این کار را انجام دهید.</p>',\n      'zh-cn': '<p>帮这些青蛙们排成整齐的三列。使用<code>flex-direction</code>和<code>flex-wrap</code>的组合。</p>',\n      'zh-tw': '<p>幫這些青蛙們排成整齊的三行。使用<code>flex-direction</code>和<code>flex-wrap</code>的組合。</p>',\n      'tr': '<p><code>flex-direction</code> ve <code>flex-wrap</code> kombinasyonunu kullanarak bu kurbağa ordusunun üçlü sıralı düzene girmesine yardımcı olun.</p>',\n      'az': '<p><code>flex-direction</code> və <code>flex-wrap</code> kombinasiyasını istifadə edərək bu qurbağa ordusunun üç sıralı hala düşməsinə kömək edin.</p>',\n      'it': '<p>Aiuta questo gruppo di rane a disporsi in tre colonne ordinate usando in combinazione <code>flex-direction</code> e <code>flex-wrap</code>.</p>',\n      'ko': '<p><code>flex-direction</code>과 <code>flex-wrap</code>을 사용하여 개구리들이 세 column에 정렬할 수 있도록 도와주세요.</p>',\n      'lt': '<p>Padėkite šiai varlyčių armijai išsirikiuoti trimis tvarkingais stulpeliais naudodami <code>flex-direction</code> ir <code>flex-wrap</code> komandų kombinaciją.</p>',\n      'vi': '<p>Giúp đội quân ếch xếp thành ba hàng trật tự bằng cách kết hợp <code>flex-direction</code> và <code>flex-wrap</code>.</p>',\n      'pl': '<p>Pomóż tej zgrai żabek utworzyć trzy uporządkowane kolumny używając własności <code>flex-direction</code> oraz <code>flex-wrap</code>.</p>',\n      'cs': '<p>Pomozte žabkám utvořiy tři zástupy pomocí <code>flex-direction</code> a <code>flex-wrap</code>.</p>',\n      'ja': '<p><code>flex-direction</code>と<code>flex-wrap</code>を使って、このカエルの大群がきちんと三列に並ぶようにしてあげてください。</p>',\n      'hu': '<p>Segítsd ezt a békahadsereget, hogy három szabályos oszlop alakzatba rendeződjenek a <code>flex-direction</code> és a <code>flex-wrap</code> használatának ötvözésével.</p>',\n      'eo': '<p>Helpu tiun ĉi aron da ranoj formi tri ordigotajn kolumojn uzante kombinon de <code>flex-direction</code> kaj <code>flex-wrap</code>.</p>',\n      'sv': '<p>Hjälp en hel drös av grodor att ställa sig i tre raka kolumner genom att använda en kombination av <code>flex-direction</code> och <code>flex-wrap</code>.</p>',\n      'uk': '<p>Допоможи армії жаб сформувати три однакові стовпці, за допомогою комбінації властивостей <code>flex-direction</code> та <code>flex-wrap</code>.</p>',\n      'hi': '<p>मेंढकों की सेना को <code>flex-direction</code> एवं <code>flex-wrap</code> के इस्तेमाल से तीन स्तम्भ बनाने में मदद कीजिये।</p>',\n      'gj': '<p>દેડકાઓની સેનાને  <code>flex-direction</code> તેમજ  <code>flex-wrap</code> નો ઉપયોગ કરીને ત્રણ સ્તંભમાં ગોઠવો.</p>',\n      'sr': '<p>Помози овој војсци жабица да формира три колоне користећи комбинацију <code>flex-direction</code> и <code>flex-wrap</code>.</p>',\n      'bs': '<p>Pomozi ovoj vojsci žabica da formira tri kolone koristeći kombinaciju <code>flex-direction</code> i <code>flex-wrap</code>.</p>',\n      'hr': '<p>Pomozi ovoj vojsci žabica da formira tri kolone koristeći kombinaciju <code>flex-direction</code> i <code>flex-wrap</code>.</p>',\n      'nl': '<p>Help dit legertje kikkers om drie ordelijke kolommen te vormen, maak hiervoor gebruik van een combinatie van <code>flex-direction</code> en <code>flex-wrap</code>.</p>',\n      'ta': '<p><code>flex-direction</code> மற்றும் <code>flex-wrap</code>  பயன்படுத்தி  தவளைகளுக்கு  வழி காட்டவும்.</p>',\n      'te': '<p>ఈ కప్పల సైన్యం కి <code>flex-direction</code> మరియు <code>flex-wrap</code> కలయికను ఉపయోగించి మూడు క్రమమైన నిలువు వరుసలను రూపొందించడంలో సహాయపడండి.</p>',\n      'ml': '<p><code>flex-direction</code> and <code>flex-wrap</code>. ഉപയോഗിച്ച് മൂന്നു ക്രമമായ നിരകൾ ഉണ്ടാക്കുക</p>',\n      'el': '<p>Βοηθήστε αυτή την στρατιά βατράχων να διαμορφώσει τρεις τακτικές στήλες χρησιμοποιώντας έναν συνδυασμό του <code>flex-direction</code> και του <code>flex-wrap</code>.</p>',\n      'mk': '<p>Помогнете ѝ на оваа армија од жаби да формира три подредени колони со користење на комбинација од <code>flex-direction</code> и <code>flex-wrap</code>.</p>',\n      'lv': '<p>Palīdzi vardulēnu armijai izveidot trīs vienādas kolonnas. Sakombinē kopā <code>flex-diraction</code> un <code>flex-wrap</code> metodes.</p>',\n      'id': '<p>Bantu pasukan katak ini kedalam 3 baris berurutan menggunakan kombinasi <code>flex-direction</code> dan <code>flex-wrap</code>.</p>',\n      'ar': '<p>ساعد هذا الجيش من الضفادع للاصطفاف في ثلاث اعمدة منظمة باستخدام كل من <code>flex-direction</code> و <code>flex-wrap</code>.</p>',\n      'ca': '<p>Ajuda aquest exèrcit de granotes a ordenar-se en tres columnes utilitzant una combinació de <code>flex-direction</code> i <code>flex-wrap</code>.</p>',\n      'da': '<p>Hjælp denne hær af frøer med at stille sig i tre pæne kolonner med en kombination af <code>flex-direction</code> og <code>flex-wrap</code>.</p>',\n      'et': '<p>Aita see konnade armee kolmelt korrastatud veerult ära kasutades nii <code>flex-direction</code>, kui ka <code>flex-wrap</code>.</p>',\n      'fi': '<p>Auta tätä sammakkoarmeijaa muodostamaan kolme siistiä pystysuuntaista riviä käyttämällä ominaisuuksia <code>flex-direction</code> ja <code>flex-wrap</code>.</p>',\n      'gl': '<p>Axuda a este exército de rás a formar tres columnas ordeadas botando man de <code>flex-direction</code> e <code>flex-wrap</code>.</p>',\n      'th': '<p>ช่วยกองทัพเจ้ากบตั้งแถวหน้ากระดานเรียงสาม โดยใช้คำสั่ง <code>flex-direction</code> และ <code>flex-wrap</code>.</p>',\n      'mn': '<p>Энэ мэлхийн армид <code>flex-direction</code> болон <code>flex-wrap</code>-н хослолыг ашиглан эмх цэгцтэй гурван багана үүсгэхэд тусална уу.</p>',\n      'sk': '<p>Pomôžte tejto armáde žiab vytvoriť tri usporiadané stĺpy pomocou kombinácie <code>flex-direction</code> a <code>flex-wrap</code>.</p>',\n      'si': '<p>මෙම මැඬියන් සමූහයට පිළිවෙලට තීරු තුනක් සෑදීමට උදව් කිරීමට <code>flex-direction</code> සහ <code>flex-wrap</code> හි සංයෝජනයක් භාවිතා කරන්න.</p>',\n      'np': '<p>भ्यागुताको यो समूहलाई <code>flex-direction</code> र <code>flex-wrap</code> को संयोजन प्रयोग गरी तीन व्यवस्थित स्तम्भहरूमा बनाउँन मद्दत गर्नुहोस्।</p>',\n      'my': '<p>ဤကြက်ကလေးများကို <code>flex-direction</code> နှင့် <code>flex-wrap</code> ကိုပေါင်းစပ်၍ သုံးတန်းအလျားလိုက်စီရင်ရန် ကူညီပါ။</p>',\n      'yo': '<p>Ràn awon ọmọ-ogun ọ̀pọ̀lọ yìí lọ́wọ́ láti ṣe àwọn ọ̀wọn tí ó lẹ́tọ̀ mẹ́ta nípasẹ̀ apapọ̀ <code>flex-direction</code> ati <code>flex-wrap</code>.</p>',\n      'no': '<p>Hjelp denne hæren av frosker med å danne tre ordnede kolonner ved å bruke en kombinasjon av <code>flex-direction</code> og <code>flex-wrap</code>.</p>',\n    },\n    board: 'gggggrrrrryyyyy',\n    style: { 'flex-direction': 'column', 'flex-wrap': 'wrap' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'flex-flow 1',\n    instructions: {\n      'en': '<p>The two properties <code>flex-direction</code> and <code>flex-wrap</code> are used so often together that the shorthand property <code>flex-flow</code> was created to combine them. This shorthand property accepts the value of the two properties separated by a space.</p><p>For example, you can use <code>flex-flow: row wrap</code> to set rows and wrap them.</p><p>Try using <code>flex-flow</code> to repeat the previous level.</p>',\n      'bn': '<p><code>flex-direction</code> এবং <code>flex-wrap</code> দুটি propertie এতটাই ব্যবহার হয় যে দুটিকে একত্র করে  <code>flex-flow</code> shorthand property তৈরি করা হয়েছে। এই shorthand property টি দুটি propertie এর মান স্পেস দিয়ে পৃথক করে গ্রহণ করে।</p><p>উদাহরণস্বরূপ, আপনি <code>flex-flow: row wrap</code> ব্যবহার করে row সেট করতে পারবেন এবং তাদেরকে wrap করতে পারবেন।</p><p>Try using <code>flex-flow</code> to repeat the previous level.</p>',\n      'af': '<p>Die twee eienskappe <code>flex-direction</code> en <code>flex-wrap</code> is so gereeld saam gebruik dat die kortskrif eienskap <code>flex-flow</code> ontwerp was om hulle te kombineer. Hierdie kortskrif eienskap aanvaar die waardes van die twee eienskappe en is met `n spasie geskei.</p><p>Byvoorbeeld, jy kan <code>flex-flow: row wrap</code> gebruik om dit na ruie te stel, en om hulle om te voi.</p><p>Probeer om <code>flex-flow</code> te gebruik om die vorige vlak boonte te herhaal.</p>',\n      'he': '<p>שתי התכונות <code>flex-direction</code> ו-<code>flex-wrap</code> משומשות כל כך הרבה ביחד שהתכונה המקוצרת <code>flex-flow</code> נוצרה כדי לשלב בינהן. התכונה המקוצרת הזו מקבלת ערכים של שתי התכונות, מופרדים על ידי רווח.</p><p>לדוגמא, אפשר להשתמש ב-<code>flex-flow: row wrap</code> כדי להגדיר שורות ולעטוף אותן.</p><p>נסו להשתמש ב-<code>flex-flow</code> כדי לעשות שוב את הרמה הקודמת.</p>',\n      'ro': '<p>Cele două proprietăți <code>flex-direction</code> și <code>flex-wrap</code> sunt folosite așa de des împreună încăt prescurtarea <code>flex-flow</code> a fost creată să le combine. Această prescurare acceptă valoarea uneia din cele două proprietăți separate de un spați.</p><p>De exemplu, poți să folosești <code>flex-flow: row wrap</code> pentru a seta rânduri si pentru a le împărți pe mai multe linii.</p><p>Incearcă să folosești <code>flex-flow</code> pentru a repeta nivelul anterior.</p>',\n      'bg': '<p>Двете свойства <code>flex-direction</code> и <code>flex-wrap</code> се използват толкова често заедно, че е създадено свойството <code>flex-flow</code>, за да ги комбинира. Това съкратено свойство приема стойността на едно от двете свойства разделени с интервал.</p><p>Например, можеш да използваш<code>flex-flow: row wrap</code>, за да определиш редове и да ги подредиш.</p><p>Опитай да използваш <code>flex-flow</code> и да повториш предишното ниво.</p>',\n      'de': '<p>Die beiden Eigenschaften <code>flex-direction</code> und <code>flex-wrap</code> werden so oft gemeinsam verwendet, dass sie über die Kurzschreibweise <code>flex-flow</code> kombiniert werden können. Diese akzeptiert, durch ein Leerzeichen getrennt, die Werte beider Eigenschaften.</p><p>Du kannst zum Beispiel <code>flex-flow: row wrap</code> benutzen, um umbrechende Zeilen zu verwenden.</p><p>Versuche das vorige Level einmal mit <code>flex-flow</code>.</p>',\n      'pt-br': '<p>As duas propriedades <code>flex-direction</code> e <code>flex-wrap</code> são usadas tão frequentemente juntas que uma propriedade abreviada <code>flex-flow</code> foi criada para combiná-las. Essa propriedade aceita o valor das duas propriedades separados por um espaço.</p><p>Por exemplo, você pode usar <code>flex-flow: row wrap</code> para aplicar a direção de linha e quebrar em múltiplas linhas.</p><p>Tente usar <code>flex-flow</code> para refazer o nível anterior.</p>',\n      'es': '<p>Las dos propiedades <code>flex-direction</code> y <code>flex-wrap</code> son usadas a menudo en conjunto con la propiedad abreviada <code>flex-flow</code>, la cual fue creada para combinarlas. Esta propiedad abreviada, acepta un valor de cada una separada por un espacio.</p><p>Por ejemplo, puedes usar <code>flex-flow</code> para establecer filas y envolverlas.</p><p>Trata de usar <code>flex-flow</code> para volver a realizar el nivel anterior.</p>',\n      'fr': '<p>Les deux propriétés <code>flex-direction</code> et <code>flex-wrap</code> sont utilisées tellement souvent ensembles que le raccourci <code>flex-flow</code> a été créé pour les combiner. Ce raccourci accepte les valeurs des deux propriétés séparées par un espace.</p><p>Par exemple, vous pouvez utiliser <code>flex-flow: row wrap</code> pour configurer les colonnes et les faire s\\'envelopper.</p><p>Essayez d\\'utiliser <code>flex-flow</code> pour répéter le niveau précédent.</p>',\n      'ru': '<p>Два свойства <code>flex-direction</code> и <code>flex-wrap</code> используются так часто вместе, что было создано свойство <code>flex-flow</code> для их комбинирования. Это свойство принимает их значения, разделённые пробелом.</p><p>Например, ты можешь использовать <code>flex-flow: row wrap</code>, чтобы элементы располагались в ряд и автоматически переносились на новую строку.</p><p>Попробуй использовать <code>flex-flow</code>, чтобы повторить предыдущий уровень.</p>',\n      'fa': '<p>مطمئنا با قابلیت مختصر نویسی در <span class=\"en-font\">css</span> آشنا هستید شما می توانید خاصیت های <code>flex-direction</code> و <code>flex-wrap</code> را در خاصیت <code>flex-flow</code> بنویسید.</p><p>برای مثال, شما می توانید برای این خاصیت به این صورت <code>flex-flow: row wrap</code> مقدار دهید.</p><p>دوباره برای مرحله قبل از خاصیت <code>flex-flow</code> استفاده کنید.</p>',\n      'zh-cn': '<p><code>flex-direction</code>和<code>flex-wrap</code>两个属性经常会一起使用，所以有缩写属性<code>flex-flow</code>。这个缩写属性接受两个属性的值，两个值中间以空格隔开。</p><p>举个例子，你可以用<code>flex-flow: row wrap</code>去设置行并自动换行。</p><p>试着用<code>flex-flow</code>来重复上一关的任务。</p>',\n      'zh-tw': '<p><code>flex-direction</code>和<code>flex-wrap</code>兩個屬性經常會一起使用，所以有縮寫屬性<code>flex-flow</code>。這個縮寫屬性接受兩個屬性的值，兩個值中間以空格隔開。</p><p>舉個例子，你可以用<code>flex-flow: row wrap</code>去設置列並自動換行。</p><p>試著用<code>flex-flow</code>來重復上一關的任務。</p>',\n      'tr': '<p><code>flex-direction</code> ve <code>flex-wrap</code> kuralları, <code>flex-flow</code> kısa yazım kuralı ile birlikte yazılabilirler. Bu kısa yazım kuralı, iki kuralın değerlerini aralarında boşluk ile birlikte alır.</p><p>Örneğin, <code>flex-flow: row wrap</code> kuralı ile row ve wrap değerlerini aynı anda verebilirsiniz.</p><p><code>flex-flow</code> kuralını kullanarak bir önceki seviyeyi tekrar edin.</p>',\n      'az': '<p><code>flex-direction</code> və <code>flex-wrap</code> qaydaları, <code>flex-flow</code> qısa yazı qaydası ilə birlikdə yazıla bilirlər. Bu qısa yazı qaydası, iki qaydanın dəyərlərini aralarında boşluq ilə birlikdə alır.</p><p>Məsələn, <code>flex-flow: row wrap</code> qaydası ilə row və wrap dəyərlərini eyni anda verə bilərsiniz.</p><p><code>flex-flow</code> qaydasını istifadə edərək bir öncəki səviyyəni təkrar edin.</p>',\n      'it': '<p>Le due proprietà <code>flex-direction</code> e <code>flex-wrap</code> sono usate così di frequente che è stata creata la proprietà <code>flex-flow</code>, che combina le due proprietà assieme. Questa proprietà accetta un valore per ognuna delle due proprietà separati da uno spazio.</p><p>Per esempio, puoi utilizzare <code>flex-flow: row wrap</code> per impostare righe e wrap.</p><p>Ripeti il livello precedente utilizzando <code>flex-flow</code>.</p>',\n      'ko': '<p><code>flex-direction</code>과 <code>flex-wrap</code>이 자주 같이 사용되기 때문에, <code>flex-flow</code>가 이를 대신할 수 있습니다. 이 속성은 공백문자를 이용하여 두 속성의 값들을 인자로 받습니다.</p><p>예를 들어, 요소들을 가로선 상의 여러줄에 걸쳐 정렬하기 위해 <code>flex-flow: row wrap</code>을 사용할 수 있습니다.</p><p><code>flex-flow</code>를 사용하여 이전 단계를 반복해보세요.</p>',\n      'lt': '<p>Dvi komandos, <code>flex-direction</code> ir <code>flex-wrap</code>, kartu yra naudojamos taip dažnai, kad buvo sukurta sutrumpinta komanda <code>flex-flow</code>, kuri apjungė jas abi. Ši sutrumpinta komanda reaguoja į dvi atskirų komandų vertes atskirtas tarpu.</p><p>Pavyzdžiui, galite naudoti <code>flex-flow: row wrap</code>, kad nustatytumėte eilučių rikiavimo būdą ir talpintumėte elementus daugiau nei vienoje eilutėje.</p><p>Pabandykite naudoti <code>flex-flow</code>, kad pasiektumėte ankstesnio lygio rezultatą.</p>',\n      'vi': '<p>Cả hai thuộc tính <code>flex-direction</code> và <code>flex-wrap</code> thường được sử dụng với nhau vì thế từ viết tắt <code>flex-flow</code> được tạo ra để kết hợp chúng. Từ viết tắt này chấp nhận giá trị của một trong hai thuộc tính ngăn cách bởi một khoảng trắng.</p><p>Ví dụ, bạn có thể sử dụng <code>flex-flow: row wrap</code> để thiết lập hàng ngang và quấn xung quanh chúng.</p><p>Thử sử dụng <code>flex-flow</code> để lặp lại cấp độ trước đó.</p>',\n      'pl': '<p>Jednoczesne zastosowanie własności <code>flex-direction</code> i <code>flex-wrap</code> występuje bardzo często, dlatego też utworzono własność skrótową <code>flex-flow</code>. Przyjmuje ona dwie wartości rozdzielone spacją.</p><p>Na przykład: wpisując <code>flex-flow: row wrap</code> uzyskamy efekt ułożenia elementów w wierszu i zawijanie ich do kolejnych linii w przypadku gdy któryś wystawałby poza kontener.</p><p>Spróbuj powtórzyć efekt z poprzedniego zadania przy pomocy <code>flex-flow</code>.</p>',\n      'cs': '<p>Protože vlastnosti <code>flex-direction</code> a <code>flex-wrap</code> se často používají najednou, byla přidána vlastnost <code>flex-flow</code>, která je kombinuje. Tato vlastnost akceptuje hodnoty obou, oddělené mezerou.</p><p>Například můžete napsat <code>flex-flow: row wrap</code> pro zalamování ve sloupcích.</p><p>Zkuste nyní předchozí úkol vyřešit pomocí <code>flex-flow</code>.</p>',\n      'ja': '<p><code>flex-direction</code>と<code>flex-wrap</code>の二つのプロパティーはよく一緒に使われます。そこで、これらを統合するショートハンドプロパティー<code>flex-flow</code>が作られました。このショートハンドプロパティーは空白文字で分割した二つのプロパティーの値を受け付けます。</p><p>例えば、<code>flex-flow: row wrap</code>とすることで、並び方と折り返し方を指定することができます。</p><p>試しに、<code>flex-flow</code>を使ってさっきの問題をやり直してみましょう。</p>',\n      'hu': '<p>A <code>flex-direction</code> és a <code>flex-wrap</code> tulajdonságok olyan gyakran használatosak együtt, hogy létrejött a rövidítésükként és ötvözésükként szolgáló <code>flex-flow</code> tulajdonság. Ez az egyszerűsített tulajdonság a két másik tulajdonság értékei közül kaphat értékeket, melyeket egymástól space (szóköz) választ el.</p><p>Például használhatod a <code>flex-flow: row wrap</code> kódot, hogy betördelt sorokat kapj.</p><p>Próbáld ki a <code>flex-flow</code> használatát az előző feladvány megoldására.</p>',\n      'eo': '<p>La du trajtoj <code>flex-direction</code> kaj <code>flex-wrap</code> kune uzatas tiom frekvente kiom la mallongiga trajto <code>flex-flow</code> estis kreata por unuigi ilin. Tiu mallongiga trajto permesas la valoron de unu el la du trajtoj apartigataj per spaco.</p><p>Ekzemple, oni povuzas <code>flex-flow: row wrap</code> por meti viciojn kaj faldi ilin.</p><p>Provu uzi <code>flex-flow</code> por ripeti la antaŭan nivelon.</p>',\n      'sv': '<p>De två attributen <code>flex-direction</code> och <code>flex-wrap</code> används så ofta tillsammans att en kort version kallad <code>flex-flow</code> skapades för att kombinera dem. Denna korta version accepterar värdena från de två attributen separerade med ett blanksteg.</p><p>Till exempel kan du använda <code>flex-flow: row wrap</code> för att sätta rader och få dom att flöda över.</p><p>Testa att använda <code>flex-flow</code> för att repetera den föregående nivån.</p>',\n      'uk': '<p>Дві властивості <code>flex-direction</code> та <code>flex-wrap</code> найчастіше використовуються разом, тому існує скорочена властивість <code>flex-flow</code>, що обʼєднує їх. Ця властивість приймає одне значення кожної з властивостей, які відокремлені пробілом.</p><p>Наприклад, ви можете застосувати <code>flex-flow: row wrap</code> для встановлення рядків та перенесення їх.</p><p>Спробуй скористатися <code>flex-flow</code> для повторення попереднього рівня.</p>',\n      'hi': '<p><code>flex-direction</code> एवं <code>flex-wrap</code> अक्सर इस्तेमाल किये जाते हैं इसलिए <code>flex-flow</code> नयी प्रॉपर्टी इनको मिला कर बनाई गयी। यह प्रॉपर्टी इन दोनों में से किसी प्रॉपर्टी के मानों को ग्रहण करती है जो की सामान अंतर में लिखी गयी हों।</p><p>उदाहरण के लिए, हम <code>flex-flow: row wrap</code> का इस्तेमाल हम वस्तुओं को अनेक प्पंक्तियों में लाने के लिए कर सकते हैं।</p><p><code>flex-flow</code> का इस्तेमाल पिछले स्तर को पार करने में कीजिये।</p>',\n      'gj': '<p><code>flex-direction</code> તેમજ <code>flex-wrap</code> બંને પ્રોપર્ટી અવારનવાર ઉપયોગ થાય છે, તેથી  <code>flex-flow</code> નવી પ્રોપર્ટી તેમને મિલાવીને બનાવી છે. આ નવી પ્રોપર્ટી બે પ્રોપર્ટીના મૂલ્યો ને સ્વીકારે છે. </p><p> ઉદાહરણ તરીકે, આપણે <code>flex-flow: row wrap</code> નો ઉપયોગ થી itemsને હારમાં અને અન્ય વધારાની હારમાં ગોઠવે છે.  </p><p><code>flex-flow</code> નો ઉપયોગ કરીને પાછળનું સ્ટાર ફરીથી કરો.</p>',\n      'sr': '<p>Два својства <code>flex-direction</code> и <code>flex-wrap</code> се јако често користе заједно па је скраћено својство <code>flex-flow</code> креирано да их искомбинује. Ово скраћено својство прихвата две вредности које куцамо одвојено.</p><p>На пример, можеш користити <code>flex-flow: row wrap</code> да дефинишеш редове са преломом.</p><p>Пробај да користиш <code>flex-flow</code> како би поновио претходни ниво.</p>',\n      'bs': '<p>Dva svojstva <code>flex-direction</code> i <code>flex-wrap</code> se jako često koriste zajedno pa je skraćeno svojstvo <code>flex-flow</code> kreirano da ih iskombinuje. Ovo skraćeno svojstvo prihvata dvije vrijednosti koje kucamo odvojeno.</p><p>Na primjer, možeš koristiti <code>flex-flow: row wrap</code> da definišeš redove sa prelomom.</p><p>Probaj da koristiš <code>flex-flow</code> kako bi ponovio prethodni nivo.</p>',\n      'hr': '<p>Dva svojstva <code>flex-direction</code> i <code>flex-wrap</code> se jako često koriste zajedno pa je skraćeno svojstvo <code>flex-flow</code> kreirano da ih iskombinira. Ovo skraćeno svojstvo prihvaća dvije vrijednosti koje kucamo odvojeno.</p><p>Na primjer, možeš koristiti <code>flex-flow: row wrap</code> da definiraš redove sa prijelomom.</p><p>Probaj koristiti <code>flex-flow</code> kako bi ponovio prethodni nivo.</p>',\n      'nl': '<p>De twee eigenschappen <code>flex-direction</code> en <code>flex-wrap</code> worden zodanig veel in combinatie met elkaar gebruikt dat men er een verkorte eigenschap <code>flex-flow</code> voor heeft gemaakt. Deze verkorte eigenschap aanvaardt de waarde(n) van deze twee eigenschappen gescheiden door een spatie.</p><p>Zo kan je bijvoorbeeld <code>flex-flow: row wrap</code> gebruiken om een omwikkelende rij te maken.</p><p>Probeer <code>flex-flow</code> eens te gebruiken om het vorige niveau te herhalen.</p>',\n      'ta': '<p><code>flex-direction</code> மற்றும் <code>flex-wrap</code> properties அடிக்கடி ஒன்றாகவே பயன்படுத்துவதால் <code>flex-flow</code> எனும் சுருக்கெழுத்து property உருவாக்கப்பட்டது. இந்த சுருக்கெழுத்து property இரண்டு பண்புகளின் மதிப்புகளையும் ஒரு இடைவெளி விட்டு ஒன்று ஏற்றுக்கொள்கிறது.</p><p>உதாரணத்திற்கு, <code>flex-flow: row wrap</code> பயன்படுத்தி rows மற்றும் wrap அமைக்கலாம்.</p><p><code>flex-flow</code> பயன்படுத்தி முன்னர் செய்த நிலையை மீண்டும் செய்யவும்.</p>',\n      'te': '<p><code>flex-direction</code> మరియు <code>flex-wrap</code> అనే రెండు లక్షణాలు చాలా తరచుగా కలిసి ఉపయోగించబడతాయి, దీనివల్ల సంక్షిప్తలిపి ఆస్తి <code>flex-flow</code> వాటిని కలపడానికి సృష్టించబడింది. ఈ సంక్షిప్తలిపి ఆస్తి ఖాళీతో వేరు చేయబడిన రెండు లక్షణాల విలువను అంగీకరిస్తుంది. </p><p> ఉదాహరణకు, మీరు అడ్డు వరుసలను సెట్ చేయడానికి మరియు వాటిని చుట్టడానికి <code>flex-flow: row wrap</code> ను ఉపయోగించవచ్చు. </p><p><code>flex-flow</code> మునుపటి స్థాయిని పునరావృతం చేయడానికి.</p>',\n      'ml': '<p><code>flex-direction</code> and <code>flex-wrap</code> സ്ഥിരം ആയി ഉപയോഗിക്കുന്നതിനാൽ ഇവയെ ഒരുമിച്ചു <code>flex-flow</code> എന്ന് ചുരുക്കി ഉപയോഗിക്കാം. ഈ ഷോർട്ട് ഹാൻഡ് പ്രോപ്പർട്ടി ഒരു സ്പെയ്സ് കൊണ്ട് വേർതിരിച്ച രണ്ട് സവിശേഷതകളിൽ ഒന്ന് അംഗീകരിക്കുകയും ചെയ്യുന്നു.</p><p>ഉദാഹരണം<code>flex-flow: row wrap</code> വരികൾ സജ്ജമാക്കുകയും അവ പൊതിയുക.</p><p>മുൻപത്തെ നിലയിൽ ചെയ്തത് വീണ്ടും <code>flex-flow</code> ഉപയോഗിച്ച് ചെയുക</p>',\n      'el': '<p>Οι δύο ιδιότητες <code>flex-direction</code> και <code>flex-wrap</code> χρησιμοποιούνται τόσο συχνά μαζί ώστε η συντομογραφική ιδιότητα <code>flex-flow</code> δημιουργήθηκε για να τις συνδυάσει. Αυτή η συντομογραφική ιδιότητα αποδέχεται τις αξίες των δύο ιδιοτήτων χωριζόμενες από ένα διάστημα.</p><p>Λόγου χάρη, μπορείτε να χρησιμοποιήστε το <code>flex-flow: row wrap</code> για να ορίσετε σειρές και να τις τυλίξετε.</p><p>Δοκιμάστε να χρησιμοποιήσετε το <code>flex-flow</code> για να επαναλάβετε το προηγούμενο επίπεδο.</p>',\n      'mk': '<p>Двете својства <code>flex-direction</code> и <code>flex-wrap</code> се користат толку често заедно што е создадено својството <code>flex-flow</code> за да ги искомбинира. Ова скратено својство ја прима вредноста на едно од двете својства разделени со спејс.</p><p>На пример, можете да користите <code>flex-flow: row wrap</code> да определите редови и да ги подредите.</p><p>Пробајте да користите <code>flex-flow</code> да го повторите претходното ниво.</p>',\n      'lv': '<p><code>flex-direction</code> un <code>flex-wrap</code> metodes tik ļoti bieži tiek lietotas kopā, ka tika izveidota saīsinātā metode, kas saucas <code>flex-flow</code>. Šī metode pieņem katras metodes vērtību atdalītu ar atstarpi.</p><p>Piemēram, Tu vari lietot <code>flex-flow: row wrap</code>, lai uzstādītu rindas un novietotu elementus. Pamēģini pielietot <code>flex-flow</code> un vēlreiz iziet iepriekšējo līmeni.</p>',\n      'id': '<p>Dua properti <code>flex-direction</code> dan <code>flex-wrap</code> sering digunakan bersamaan shorthand properti <code>flex-flow</code> dibuat untuk menggabungkan keduanya. Shorthand properti ini menerima nilai dari satu dari dua properti terpisah oleh jarak/spasi.</p><p>Sebagai contoh, kamu dapat menggunakan<code>flex-flow: row wrap</code> untuk mengatur kolom dan membungkusnya.</p><p>Coba gunakan <code>flex-flow</code> untuk mengulangi tingkat sebelumnya.</p>',\n      'ar': '<p>الخاصيتان <code>flex-direction</code> و <code>flex-wrap</code> يتم استخدامهما معًا في كثير من الاحيان فتم انشاء خاصية <code>flex-flow</code> لدمجهما معًا. تقبل هذه الخاصية المختصرة قيمتين مفصولتين بمسافة.</p><p>على سبيل المثال, يمكنك استخدام <code>flex-flow: row wrap</code> لضبط الصفوف (row) والتمدد (wrap).</p><p>حاول استخدام <code>flex-flow</code> لاعادة حل المرحلة السابقة.</p>',\n      'ca': '<p>Les dos propietats <code>flex-direction</code> i <code>flex-wrap</code> s\\'utilitzen sovint juntament amb la propietat abreujada <code>flex-flow</code>, que va ser creada para combinar-les. Aquesta propietat abreujada, accepta un valor de cada una separada per un espai.</p><p>Per exemple, pots utilitzar <code>flex-flow</code> per establir filas i envoltar-les.</p><p>Intenta utilitzar <code>flex-flow</code> per tornar a realitzar el nivell anterior.</p>',\n      'da': '<p>De to egenskaber <code>flex-direction</code> og <code>flex-wrap</code> bruges så ofte sammen at der findes en forkortelse <code>flex-flow</code>, som kombinerer de to. Denne forkortede egenskab tager imod værdier fra begge egenskaber med mellemrum imellem.</p><p>For eksempel kan du bruge <code>flex-flow: row wrap</code> for at fordele elementer ud over flere rækker.</p><p>Prøv at bruge <code>flex-flow</code> til at løse sidste niveau igen.</p>',\n      'et': '<p>Kaht omadust <code>flex-direction</code> ja <code>flex-wrap</code> kasutatakse tihti, seega loodi lühem omadus <code>flex-flow</code>, et need kokku panna. Sellele lühendatud omadusele saab anda väärtusi mõlemast omadusest kui need lahutada üksteisest tühikuga.</p><p>Näiteks saad sa kasutada <code>flex-flow: row wrap</code>, et anda neile read ja pakkida nad ümber eraldi joonte.</p><p>Proovi kasutada <code>flex-flow</code>, et läbida uuesti eelmine tase.</p>',\n      'fi': '<p>Ominaisuuksia <code>flex-direction</code> ja <code>flex-wrap</code> käytetään niin usein yhdessä, että niitä varten on luotu yhdistelmäominaisuus <code>flex-flow</code>. Tälle ominaisuudelle voi määrittää yhden kummankin ominaisuuden arvoista välilyönnillä erotettuna.</p><p>Voit esimerkiksi määrittää vaakasuuntaisen järjestyksen ja jakaa sen useammalle riville kirjoittamalla <code>flex-flow: row wrap</code>.</p><p>Kokeile ratkaista edellinen pulma <code>flex-flow</code>-ominaisuuden avulla.</p>',\n      'gl': '<p>As dúas propiedades <code>flex-direction</code> e <code>flex-wrap</code> úsanse xuntas tan a miúdo que se creou propiedade-atallo <code>flex-flow</code> para poder combinalas. Esta propiedade-atallo acepta o valor dunha ou das dúas propiedades separados por un espazo.</p><p>Por exemplo, podes escribir <code>flex-flow: row wrap</code> para usar filas e distribuír os elementos entre elas.</p><p>Proba a empregar <code>flex-flow</code> repetindo o nivel anterior.</p>',\n      'th': '<p>คุณสมบัติสองตัว <code>flex-direction</code> และ <code>flex-wrap</code> มักถูกใช้ด้วยกันบ่อยๆ จนคุณสมบัติย่อ <code>flex-flow</code> ถูกสร้างขึ้นเพื่อรวมมันเข้าด้วยกัน คุณสมบัติย่อนี้รับค่าของทั้งสองคุณสมบัติ โดยแยกด้วยช่องว่าง</p><p>ตัวอย่างเช่น, คุณสามารถใช้ <code>flex-flow: row wrap</code> เพื่อกำหนดค่าแบบ row และ wrap</p><p>ลองใช้คำสั่ง <code>flex-flow</code> ทำให้เหมือนเลเวลที่แล้ว</p>',\n      'mn': '<p><code>flex-direction</code> болон <code>flex-wrap</code> гэх хоёр проперти маш олон удаа хамтдаа ашиглагддаг тул энэ хоёрийг нэгтгэн товчилсон проперти<code>flex-flow</code> бүтээгдсэн байна. Энэхүү проперти нь нөгөө хоёр пропертийн хоосон зайгаар тусгаарлагдсан хоёр утгыг хүлээн авдаг.</p><p>Жишээ нь, та <code>flex-flow: row wrap</code>-г ашиглан мөрүүдийг тохируулж болно.</p><p>Өмнөх түвшинг давтахын тулд <code>flex-flow</code> ашиглана уу.</p>',\n      'sk': '<p>Dve vlastnosti <code>flex-direction</code> a <code>flex-wrap</code> sa spolu používajú tak často, že na ich spojenie bola vytvorená skrátená vlastnosť <code>flex-flow</code>. Táto skrátená vlastnosť akceptuje hodnotu dvoch vlastností oddelených medzerou.</p><p>Môžete napríklad použiť <code>flex-flow: row wrap</code> na nastavenie riadkov a ich zabalenie.</p><p>Pokúste sa pomocou <code>flex-flow</code> zopakovať predchádzajúcu úroveň.</p>',\n      'si': '<p><code>flex-direction</code> and <code>flex-wrap</code> යන ගුණාංග දෙක බොහෝ විට එකට භාවිතා වන අතර එම නිසා ඒවා එක් කර <code>flex-flow</code> ලෙස තනි ගුණාංගයක් නිර්මාණය විය. මෙම නව ගුණාංගය, පෙර ගුණාංග දෙකේ අගයන් space එකකින් වෙන්කර පිළිගනී.</p><p>උදාහරණ වශයෙන්, අයිතම තිරස් පේළි කිහිපයකට සාදා ගැනීමට <code>flex-flow: row wrap</code> භාවිතා කරන්න.</p><p>පෙර අභ්‍යාසය නැවත <code>flex-flow</code> භාවිතායෙන් උත්සාහ කරන්න.</p>',\n      'np': '<p><code>flex-direction</code> र <code>flex-wrap</code> यी दुई प्रोपर्टीहरू प्रायः सँगै प्रयोग गरिन्छन्, त्यसैले यी दुईलाई संयोजन गर्न छोटकरी प्रोपर्टी <code>flex-flow</code> बनाइएको हो। यस छोटकरी प्रोपर्टीले यी दुई प्रोपर्टीहरूको मानलाई स्पेसले अलग गरेर स्वीकार गर्दछ।</p> <p>उदाहरणका लागि, पंक्ति बनाउँन र त्यसलाई फैलाउन <code>flex-flow: row wrap</code> प्रयोग गर्न सक्नुहुन्छ।</p> <p>पछिल्लो तह दोहोर्‍याउन <code>flex-flow</code> प्रयोग गरेर प्रयास गर्नुहोस्।</p>',\n      'my': '<p><code>flex-direction</code> နှင့် <code>flex-wrap</code> ဆိုသော ပရိုပတ်တီနှစ်ခုကို အများအားဖြင့်အတူတူ အသုံးပြုကြသည်။ ထို့ကြောင့် <code>flex-flow</code> ဆိုသော ရှော့တ်ဟန် ပရိုပတ်တီကို ဖန်တီးခဲ့သည်။ ဤရှော့တ်ဟန် ပရိုပတ်တီသည် ပရိုပတ်တီနှစ်ခု၏ တန်ဖိုးများကို အကွာအဝေးဖြင့် ခွဲခြား၍ လက်ခံနိုင်သည်။</p><p>ဥပမာအားဖြင့် <code>flex-flow: row wrap</code> ကို အသုံးပြု၍ အတန်းများကို သတ်မှတ်နိုင်သည်။</p><p>ပြီးခဲ့သောအဆင့်ကို <code>flex-flow</code> ကို အသုံးပြု၍ ပြန်လည်လုပ်ဆောင်ကြည့်ပါ။</p>',\n      'yo': '<p>Àwọn ohun-ini méjì <code>flex-direction</code> àti <code>flex-wrap</code> ni a máa lo pọ̀ jọ nígbà tí a dá ohun-ini kukuru <code>flex-flow</code> láti darapọ̀ wọn. Ohun-ini kukuru yìí ń gba iye àwọn ohun-ini méjì tí a yà sọ́tọ̀ pẹ̀lú àyè kan.</p> àpẹẹrẹ, o lè lo <code>flex-flow: row wrap</code> láti ṣètò àwọn orí ìlà kí o sì fi ìparí sí wọn.</p><p>Gbìmọ̀ sí lílo <code>flex-flow</code> láti tún ìpẹ̀lẹ̀ tí kọjá ṣe.</p>',\n      'no': '<p>De to egenskapene <code>flex-direction</code> og <code>flex-wrap</code> brukes så ofte sammen at forkortingsegenskapen <code>flex-flow</code> ble opprettet for å kombinere dem. Denne forkortingsegenskapen godtar verdien av de to egenskapene atskilt med et mellomrom.</p><p>Du kan for eksempel bruke <code>flex-flow: row wrap</code> til å angi rader og bryte dem.</p><p>Prøv å bruke <code>flex-flow</code> til å gjenta forrige nivå.</p>',\n    },\n    board: 'gggggrrrrryyyyy',\n    style: { 'flex-flow': 'column wrap' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-content 1',\n    instructions: {\n      'en': '<p>The frogs are spread all over the pond, but the lilypads are bunched at the top. You can use <code>align-content</code> to set how multiple lines are spaced apart from each other. This property takes the following values:</p><ul><li><code>flex-start</code>: Lines are packed at the top of the container.</li><li><code>flex-end</code>: Lines are packed at the bottom of the container.</li><li><code>center</code>: Lines are packed at the vertical center of the container.</li><li><code>space-between</code>: Lines display with equal spacing between them.</li><li><code>space-around</code>: Lines display with equal spacing around them.</li><li><code>stretch</code>: Lines are stretched to fit the container.</li></ul><p>This can be confusing, but <code>align-content</code> determines the spacing between lines, while <code>align-items</code> determines how the items as a whole are aligned within the container. When there is only one line, <code>align-content</code> has no effect.</p>',\n      'bn': '<p>ব্যাঙগুলো পুকুরের সর্বত্র ছড়িয়ে আছে, কিন্তু পদ্ম-পাতা গুলো উপরে জমা হয়েছে। আপনি <code>align-content</code> ব্যবহার করতে পারেন একাধিক লাইন একে অপরের থেকে কিভাবে দূরত্ব নির্নয় করবে নির্ধারন করতে। এই property টি নিচের মানগুলো (values) গ্রহণ করেঃ</p><ul><li><code>flex-start</code>: লাইনগুলো container এর উপরে/শুরুতে থাকে।</li><li><code>flex-end</code>: লাইনগুলো container এর নিচে/শেষে থাকে।</li><li><code>center</code>: লাইনগুলো container এর vertical অক্ষ বরাবর মাঝামাঝি অবস্থান নেয়।</li><li><code>space-between</code>: লাইনগুলোর মাঝে সমান যায়গা বিদ্যমান।</li><li><code>space-around</code>: লাইনগুলোর পাশে সমান যায়গা বিদ্যমান।</li><li><code>stretch</code>: লাইনগুলোকে stretch করা হয় container এ ফিট হওয়ার জন্য।</li></ul><p>এটি বিভ্রান্তিকর হতে পারে, কিন্তু <code>align-content</code> লাইনগুলোর মধ্যে খালি যায়গা (spacing) নির্নয় করে, যেখানে <code>align-items</code> নির্ধারন করে সবগুলো item কিভাবে container এ সারিবদ্ধ করা হবে। যখন শুধু একটি লাইন হবে, <code>align-content</code> এর কোন প্রভাব থাকবে না।</p>',\n      'af': '<p>Die waterlelies is ooral om die dam versprei, maar die waterlelies is by die bookant gebondel. Jy kan <code>align-content</code> gebruik om te stel hoe meerdere lyne apart van mekaar gespasier is. Hierdie eienskap aanvaar die volgende waardes:</p><ul><li><code>flex-start</code>: Die lyne is gebondel by die bokant van die houer.</li><li><code>flex-end</code>: Die lyne is gebondel by die onderkant van die houer.</li><li><code>center</code>: Die lyne is by die vertikale middel van die houer gebondel.</li><li><code>space-between</code>: Lyne is met eweredige spasiering tussen-in vertoon.</li><li><code>space-around</code>: Lyne is met eweredige spasie tussen in hulle vertoon.</li><li><code>stretch</code>: Lyne is gerek om die houer te pas.</li></ul><p>Dit van verwarrend wees, maar <code>align-content</code> bepaal die spasiering tussen die lyne, terwyl <code>align-items</code> hoe die items as `n heel binne die houer belyn is. Wanneer daar net een lyn is, het <code>align-content</code> geen effekt.</p>',\n      'he': '<p>הצפרדעים מפוזרות בכל האגם, אבל העלים שלהן מתקבצים למעלה. אתם יכולים להשתמש ב-<code>align-content</code> כדי להגדיר איך שורות מרובות יתרווחו אחת מהשנייה. התכונה הזו מקבלת את הערכים הבאים:</p><ul><li><code>flex-start</code>: שורות נארזות בחלק העליון של הקונטיינר.</li><li><code>flex-end</code>: שורות נארזות בחלק התחתון של הקונטיינר.</li><li><code>center</code>: שורות נארזות באמצע הציר האנכי של הקונטיינר.</li><li><code>space-between</code>: שורות מוצגות עם רווחים שווים בינהן.</li><li><code>space-around</code>: שורות מוצגות עם רווחים שווים מסביבן.</li><li><code>stretch</code>: שורות נמתחות כדי להתאים לגודל של הקונטיינר.</li></ul><p>זה יכול להיות מבלבל, אבל <code>align-content</code> משפיע על המרווחים שבין השורות, בעוד ש-<code>align-items</code> משפיעה על איך הפריטים כמכלול מיושרים בתוך הקונטיינר. כאשר יש רק שורה אחת, ל-<code>align-content</code> אין השפעה.</p>',\n      'ro': '<p>Broaștele sunt împrăștiate peste tot lacul, dar nuferii sunt înghesuiți în top. Poți să folosești <code>align-content</code> să setezi cum liniile multiple sunt spațiate una față de cealaltă. Această proprietate acceptă următoarele valori:</p><ul><li><code>flex-start</code>: Liniile sunt adunate în partea de sus a containerului.</li><li><code>flex-end</code>: Liniile sunt adunate în partea de jos a containerului.</li><li><code>center</code>: Liniile sunt adunate în centrul vertical al containerului.</li><li><code>space-between</code>: Liniile sunt afișate cu spațiu egal între ele.</li><li><code>space-around</code>: Liniile sunt afișate cu spațiu egal în jurul lor.</li><li><code>stretch</code>: Liniile sunt întinse pentru a se potrivi in container.</li></ul><p>Acest lucru poate deruta, dar <code>align-content</code> determină spațiul dintre linii, în timp ce <code>align-items</code> determină cum elementele ca un grup sunt poziționate în înteriorul containerului. Când există doar o linie, <code>align-content</code> nu are niciun efect.</p>',\n      'bg': '<p>Жабчетата са разхвърляни из цялото езеро, но листата са скупчени в горната част. Можеш да използваш <code>align-content</code> да определиш как множесто редове се подреждат един до друг. Това свойство приема следните стойности:</p><ul><li><code>flex-start</code>: Редовете са разположени в горната част на контейнера.</li><li><code>flex-end</code>: Редовете са разположени в долната част на контейнера.</li><li><code>center</code>: Редовете са разположени във вертикалния център на контейнера.</li><li><code>space-between</code>: Редовете са разположени с еднакво разстояние между тях.</li><li><code>space-around</code>: Редовете са разположени с еднакво разстояние около тях.</li><li><code>stretch</code>: Редовете са разпънати, за да се съберат в контейнера.</li></ul><p>Това може да бъде объркващо, но <code>align-content</code> определя разстоянието между редовете, докато <code>align-items</code> определя как елементите като цяло са разположени в контейнера. Когато има само един ред, <code>align-content</code> няма ефект.</p>',\n      'de': '<p>Die Frösche sind über den gesamten Teich verteilt, aber die Seerosenblätter befinden sich alle am oberen Ende. Du kannst <code>align-content</code> verwenden, um festzulegen, wie der Abstand zwischen mehreren Zeilen aussehen soll. Diese Eigenschaft akzeptiert die folgenden Werte:</p><ul><li><code>flex-start</code>: Zeilen oben im Container ausrichten.</li><li><code>flex-end</code>: Zeilen unten im Container ausrichten.</li><li><code>center</code>: Zeilen in der Mitte des Containers ausrichten.</li><li><code>space-between</code>: Zeilen mit gleichmäßigem Innenabstand anordnen.</li><li><code>space-around</code>: Zeilen mit gleichmäßigem Außenabstand anordnen.</li><li><code>stretch</code>: Zeilen strecken, um den Container auszufüllen.</li></ul><p>Das kann etwas verwirrend sein, aber <code>align-content</code> beeinflusst den Abstand zwischen den Zeilen, wobei <code>align-items</code> festlegt, wie alle Elemente als Ganzes im Container angeordnet werden. Gibt es nur eine Zeile, so hat <code>align-content</code> keine Auswirkung.</p>',\n      'pt-br': '<p>Os sapos estão espalhados por toda a lagoa, mas as vitórias-régias estão agrupadas no topo. Você pode usar <code>align-content</code> para definir como múltiplas linhas devem ser espaçadas uma das outras. Essa propriedade recebe os seguintes valores:</p><ul><li><code>flex-start</code>: Linhas são agrupadas no topo do container.</li><li><code>flex-end</code>: Linhas são agrupadas no fundo do container.</li><li><code>center</code>:Linhas são agrupadas no centro vertical do container.</li><li><code>space-between</code>: Linhas são posicionadas com espaço igual entre elas.</li><li><code>space-around</code>: Linhas são posicionadas com espaço igual em torno delas.</li><li><code>stretch</code>: Linhas se esticam para preencher o container.</li></ul><p>Isso pode ser confuso, mas <code>align-content</code> determina o espaçamento entre linhas, enquanto <code>align-items</code> determina como as linhas como um todo são alinhadas dentro do container. Quando há só uma linha, <code>align-content</code> não tem nenhum efeito.</p>',\n      'es': '<p>Las ranas están repartidas por todo el estanque, pero las hojas de lirio están agrupadas en la parte superior. Puedes usar <code>align-content</code> para establecer como múltiples líneas están separadas una de otra. Esta propiedad acepta los siguientes valores:</p><ul><li><code>flex-start</code>: Las líneas se posicionan en la parte superior del contenedor.</li><li><code>flex-end</code>: Las líneas se posicionan en la parte inferior del contenedor.</li><li><code>center</code>: Las líneas se posicionan en el centro (verticalmente hablando) del contenedor.</li><li><code>space-between</code>: Las líneas se muestran con la misma distancia entre ellas.</li><li><code>space-around</code>: Las líneas se muestran con la misma separación alrededor de ellas.</li><li><code>stretch</code>: Las líneas se estiran para ajustarse al contenedor.</li></ul><p>Esto puede ser confuso, pero <code>align-content</code> determina el espacio entre las líneas, mientras que <code>align-items</code> determina como los elementos en su conjunto están alineados dentro del contenedor. Cuando hay solo una línea, <code>align-content</code> no tiene efecto.</p>',\n      'fr': '<p>Les grenouilles sont éparpillées partout dans l\\'étang, mais les nénuphars sont amassés dans le haut. Vous pouvez utiliser <code>align-content</code> pour définir comment plusieurs lignes sont espacées de l\\'une à l\\'autre. Cette propriété prend les valeurs suivantes&nbsp;:</p><ul><li><code>flex-start</code>&nbsp;: Les lignes sont amassées dans le haut du conteneur.</li><li><code>flex-end</code>: Les lignes sont amassées dans le bas du conteneur.</li><li><code>center</code>&nbsp;: Les lignes sont amassées dans le centre vertical du conteneur.</li><li><code>space-between</code>&nbsp;: Les lignes s\\'affichent avec un espace égal entre eux.</li><li><code>space-around</code>&nbsp;: Les lignes s\\'affichent avec un espace égal autour d\\'eux.</li><li><code>stretch</code>&nbsp;: Les lignes sont étirées pour s\\'adapter au conteneur.</li></ul><p>Ceci peut être déroutant, mais <code>align-content</code> détermine l\\'espace entre les lignes, alors que <code>align-items</code> détermine comment les éléments dans leur ensemble sont alignées à l\\'intérieur du conteneur. Quand il n\\'y a qu\\'une seule ligne, <code>align-content</code> n\\'a aucun effet.</p>',\n      'ru': '<p>Лягушат раскидало по всему пруду, но лилии сгруппированы в верхней части. Ты можешь использовать <code>align-content</code>, чтобы указать, как несколько рядов должны отделяться друг от друга. Данное свойство принимает следующие значения:</p><ul><li><code>flex-start</code>: ряды группируются в верхней части контейнера.</li><li><code>flex-end</code>: ряды группируются в нижней части контейнера.</li><li><code>center</code>: ряды группируются вертикально по центру контейнера.</li><li><code>space-between</code>: ряды отображаются с одинаковыми расстояниями между ними.</li><li><code>space-around</code>: ряды отображаются с одинаковыми расстояниями вокруг них.</li><li><code>stretch</code>: ряды растягиваются, чтобы заполнить контейнер равномерно.</li></ul><p>Это может запутать, но <code>align-content</code> отвечает за расстояние между рядами, в то время как <code>align-items</code> отвечает за то, как элементы в целом будут выровнены в контейнере. Когда только один ряд, <code>align-content</code> ни на что не влияет.</p>',\n      'fa': '<p>قورباغه ها در سراسر برکه پخش شده اند, اما نیلوفر های آبی در بالای برکه هستند. شما با استفاده از <code>align-content</code> آن ها را به صورت ردیفی به بالا هدایت کنید. این خاصیت مقادیر زیر را می پذیرد:</p><ul><li><code>flex-start</code>: با این مقدار <span class=\"en-font\">flex-line</span> ها در ابتدای <span class=\"en-font\">flex-container</span> جمع می‌شوند.</li><li><code>flex-end</code>: با این مقدار <span class=\"en-font\">flex-line</span> ها در انتهای <span class=\"en-font\">flex-container</span> جمع می‌شوند.</li><li><code>center</code>: با این مقدار <span class=\"en-font\">flex-line</span> ها در وسط <span class=\"en-font\">flex-container</span> جمع میشوند.</li><li><code>space-between</code>: با این مقدار فضای خالی به طور مساوی بین <span class=\"en-font\">flex line</span> ها توزیع میشود. خط اول در ابتدا و خط آخر در انتهای <span class=\"en-font\">flex container</span> قرار می‌گیرند و بقیه خطوط در بین این ۲ خط قرار می‌گیرند.</li><li><code>space-around</code>: فضای خالی به طور مساوی بین <span class=\"en-font\">flex-line</span> ها تقسیم می‌شود.</li><li><code>stretch</code>:  با این مقدار <span class=\"en-font\">flex-line</span> ها کشیده می‌شوند و فضای خالی را پر می کنند (این مقدار پیشفرض است).</li></ul>',\n      'zh-cn': '<p>青蛙们在池塘里到处都是，然而荷叶都在顶部。你可以使用<code>align-content</code>来决定行与行之间隔多远。这个属性接受这些值：</p><ul><li><code>flex-start</code>: 多行都集中在顶部。</li><li><code>flex-end</code>: 多行都集中在底部。</li><li><code>center</code>: 多行居中。</li><li><code>space-between</code>: 行与行之间保持相等距离。</li><li><code>space-around</code>: 每行的周围保持相等距离。</li><li><code>stretch</code>: 每一行都被拉伸以填满容器。</li></ul><p>这可能有些容易混淆，但<code>align-content</code>决定行之间的间隔，而<code>align-items</code>决定元素整体在容器的什么位置。只有一行的时候<code>align-content</code>没有任何效果。</p>',\n      'zh-tw': '<p>青蛙們在池塘裏到處都是，然而荷葉都在頂部。你可以使用<code>align-content</code>來決定行與行之間隔多遠。這個屬性接受這些值：</p><ul><li><code>flex-start</code>: 多行都集中在頂部。</li><li><code>flex-end</code>: 多行都集中在底部。</li><li><code>center</code>: 多行居中。</li><li><code>space-between</code>: 行與行之間保持相等距離。</li><li><code>space-around</code>: 每行的周圍保持相等距離。</li><li><code>stretch</code>: 每一行都被拉伸以填滿容器。</li></ul><p>這可能有些容易混淆，但<code>align-content</code>決定行之間的間隔，而<code>align-items</code>決定元素整體在容器的什麼位置。只有一行的時候<code>align-content</code>沒有任何效果。</p>',\n      'tr': '<p>Kurbağalar göle dağılmışlar ama nilüfer yaprakları tepede toplanmışlar. <code>align-content</code> kuralı ile satırları birbirinden ayırabilirsiniz. Bu kural şu değerleri alır:</p><ul><li><code>flex-start</code>: Satırlar flex container\\'ın tepesinde toplanır.</li><li><code>flex-end</code>: Satırlar flex container\\'ın aşağısında toplanır.</li><li><code>center</code>: Satırlar flex container\\'ın dikey ortasında toplanır.</li><li><code>space-between</code>: Satırlar aralarında eşit boşluk kalacak şekilde yayılırlar.</li><li><code>space-around</code>: Satırlar etraflarında eşit boşluk kalacak şekilde yayılırlar.</li><li><code>stretch</code>: Satırlar flex container\\'ı kaplamak için uzarlar.</li></ul><p>Bu kafa karıştırıcı olabilir, ama <code>align-content</code> satırlar için aralıkları belirlerken, <code>align-items</code> öğelerin flex container içerisinde beraberce nasıl hizalanacağını belirler. Eğer tek satır varsa, <code>align-content</code> kuralının bir etkisi yoktur.</p>',\n      'az': '<p>Qurbağalar gölə dağılıblar amma zanbaq yarpaqları təpədə toplanıblar. <code>align-content</code> qaydası ilə sətirləri birbirindən ayıra bilərsiniz. Bu qayda bu dəyərləri alır:</p><ul><li><code>flex-start</code>: Sətirlər flex container\\'in təpəsində toplanır.</li><li><code>flex-end</code>: Sətirlər flex container\\'in aşağısında toplanır.</li><li><code>center</code>: Sətirlər flex container\\'in şaquli ortasında toplanır.</li><li><code>space-between</code>: Sətirlər aralarında bərabər boşluq qalacaq şəkildə yayılırlar.</li><li><code>space-around</code>: Sətirlər ətraflarında bərabər boşluq qalacaq şəkildə yayılırlar.</li><li><code>stretch</code>: Sətirlər flex container\\'i qaplamaq üçün uzanarlar.</li></ul><p>Bu çaşdırıcı olabilər, amma <code>align-content</code> sətirlər üçün aralıqları təyin edərkən, <code>align-items</code> elementlərin flex container içində bərbaər şəkildə necə nizamlanacağını təyin edər. Əgər tək sətir varsa, <code>align-content</code> qaydasının bir təsiri yoxdur.</p>',\n      'it': '<p>Le rane sono sparse per tutto il lago mentre le ninfee sono tutte raggruppate in alto. Puoi utilizzare <code>align-content</code> per decidere come le linee verranno distanziate tra di loro. Questa proprietà accetta i seguenti valori:</p><ul><li><code>flex-start</code>: Le linee sono raggruppate all\\'inizio del contenitore.</li><li><code>flex-end</code>: Le linee sono raggruppate alla fine del contenitore.</li><li><code>center</code>: Le linee vengono centrate verticalmente nel contenitore.</li><li><code>space-between</code>: Le linee occupano tutto lo spazio del contenitore e sono separate tra di loro dalla stessa quantità di spazio.</li><li><code>space-around</code>: Le linee sono separate dalle altre linee, e dall\\'inizio e dalla fine del contenitore dalla stessa quantità di spazio.</li><li><code>stretch</code>: Le linee vengono allungate per occupare tutto lo spazio disponibile.</li></ul><p>Questo potrebbe creare confusione, ma <code>align-content</code> determina lo spazio tra le linee mentre <code>align-items</code> determina come gli elementi nell\\'insieme vengono disposti nel contenitore. Se c\\'è una sola linea, <code>align-content</code> non ha alcun effetto.</p>',\n      'ko': '<p>개구리들이 연못의 사방에 퍼져있고, 수련잎은 연못의 위쪽에 모여있습니다. <code>align-content</code>를 사용하여 여러 줄 사이의 간격을 지정할 수 있습니다. 이 속성은 다음의 값들을 인자로 받습니다:</p><ul><li><code>flex-start</code>: 여러 줄들을 컨테이너의 꼭대기에 정렬합니다.</li><li><code>flex-end</code>: 여러 줄들을 컨테이너의 바닥에 정렬합니다.</li><li><code>center</code>: 여러 줄들을 세로선 상의 가운데에 정렬합니다.</li><li><code>space-between</code>: 여러 줄들 사이에 동일한 간격을 둡니다.</li><li><code>space-around</code>: 여러 줄들 주위에 동일한 간격을 둡니다.</li><li><code>stretch</code>: 여러 줄들을 컨테이너에 맞도록 늘립니다.</li></ul><p>이 속성을 사용하는 방법이 어려울 수 있습니다. <code>align-content</code>는 여러 줄들 사이의 간격을 지정하며, <code>align-items</code>는 컨테이너 안에서 어떻게 모든 요소들이 정렬하는지를 지정합니다. 한 줄만 있는 경우, <code>align-content</code>는 효과를 보이지 않습니다.</p>',\n      'lt': '<p>Varlytės pasiskirsčiusios po visą tvenkinį, bet lelijų lapai plūduriuoja tvenkinio viršuje. Galite nauoti <code>align-content</code>, kad nustatytumėte kokiais tarpais viena nuo kitos bus atskirtos kelios eilutės. Ši komanda reaguoja į šias vertes:</p><ul><li><code>flex-start</code>: Eilutės yra susitelkusios viršuje.</li><li><code>flex-end</code>: Eilutės yra susitelkusios apačioje.</li><li><code>center</code>: Eilutės yra vertikaliai susitelkusios viduryje.</li><li><code>space-between</code>: Eilutės yra paskirstomos taip, kad tarpai tarp jų būtų vienodi.</li><li><code>space-around</code>: Eilutės paskirstomos taip, kad tarpai aplink jas būtų vienodi.</li><li><code>stretch</code>: Eilutės yra ištempiamos, kad užpildytų supantį elementą.</li></ul><p>Tai gali būti painoka, bet <code>align-content</code> nustato tarpus tarp eilučių, o tuo tarpu <code>align-items</code> nustato kaip elementai kaip visuma yra lygiuojami juos supančiame elemente. Kai atvaizduojama tik viena eilutė, <code>align-content</code> neturi jokio poveikio.</p>',\n      'vi': '<p>Những chú ếch đang lan rộng trên cả ao, nhưng các lá bông súng đang chụm lại ở phía trên. Bạn có thể dùng <code>align-content</code> để thiết lập cách các dòng có khoảng cách xa nhau như thế nào. Những thuộc tính này có giá trị như sau:</p><ul><li><code>flex-start</code>: Các dòng được dồn về phía trên cùng của hộp chứa.</li><li><code>flex-end</code>: Các dòng được dồn về phía dưới cùng của hộp chứa.</li><li><code>center</code>: Các dòng được dồn về trung tâm của hộp chứa.</li><li><code>space-between</code>: Các dòng được trình bày với khoảng cách bằng nhau giữa chúng.</li><li><code>space-around</code>: Các dòng sẽ được trình bày với khoảng cách bằng nhau xung quanh chúng.</li><li><code>stretch</code>: Các dòng sẽ được kéo dài để phù hợp với hộp chứa.</li></ul><p>Điều này có thể gây nhầm lẫn, nhưng <code>align-content</code> xác định khoảng cách giữa các dòng, trong khi <code>align-items</code> xác định cách các hạng mục như một toàn thể được xếp trong hộp chứa. Khi chỉ có một dòng, <code>align-content</code> không có hiệu lực.</p>',\n      'pl': '<p>Żabki rozproszyły się po całym stawie ale listki upchnęły się u góry. Własność <code>align-content</code> pomoże ci ustalić odległość wierszy kontenera od siebie. Własność ta przyjmuje takie wartości:</p><ul><li><code>flex-start</code>: Wiersze upychają u góry kontenera.</li><li><code>flex-end</code>: Wiersze upychają się w dolnej części kontenera.</li><li><code>center</code>: Wiersze upychane są pośrodku kontenera.</li><li><code>space-between</code>: Wiersze wyświetlane są z równymi odstępami.</li><li><code>space-around</code>: Wiersze wyświetlane są z równymi odstępami dookoła.</li><li><code>stretch</code>: Wiersze rozszerzają się tak, aby dopasować się do kontenera.</li></ul><p>Może to być trochę pogmatwane ale <code>align-content</code> określa odstępy między wierszami podczas, gdy <code>align-items</code> określa jak elementy, jako całość, wyrównują się względem kontenera. W przypadku, gdy jest tylko jedna linia, <code>align-content</code> nie przynosi żadnego efektu.</p>',\n      'cs': '<p>Žabky se rozprostřely přes celý rybník, ale lekníny jsou všechny nahoře. K nastavení rozmístění řádků v kontejneru slouží <code>align-content</code>. Tato vlastnost má následující hodnoty:</p><ul><li><code>flex-start</code>: Hromadí řádky na horní straně kontejneru.</li><li><code>flex-end</code>: Hromadí řádky na spodní straně kontejneru.</li><li><code>center</code>: Hromadí řádky na svislém středu kontejneru.</li><li><code>space-between</code>: Rozmístí rovnoměrné mezery mezi řádky.</li><li><code>space-around</code>: Rozmístí rovnoměrné mezery kolem řádků.</li><li><code>stretch</code>: Roztáhne řádky, aby vyplnily kontejner.</li></ul><p>Může to být trochu matoucí, ale <code>align-content</code> určuje mezery mezi řádky, zatímco <code>align-items</code> určuje, jak jsou prvky jako celek zarovnány v kontejneru. Pokud je v kontejneru jen jeden řádek, <code>align-content</code> se neuplatní.</p>',\n      'ja': '<p>カエルたちが池いっぱいに広がっていますが、蓮の葉は上方に集まっています。複数の行が他の行とどう距離を取り広がるのかを指定するのに、<code>align-content</code>を使うことができます。このプロパティーは以下の値を取ります。</p><ul><li><code>flex-start</code>: 行はコンテナーの上側に詰められます。</li><li><code>flex-end</code>: 行はコンテナーの下側に詰められます。</li><li><code>center</code>: 行はコンテナーの中央に詰められます。</li><li><code>space-between</code>: 行はその間に等しい間隔を空けて表示されます。</li><li><code>space-around</code>: 行はその周囲に等しい間隔を空けて表示されます。</li><li><code>stretch</code>: 行はコンテナーに合うよう引き延ばされます。</li></ul><p>混乱したかもしれませんが、<code>align-content</code>は行間の余白を決めるもので、<code>align-items</code>はコンテナーに含まれるアイテム全体としての配置を決めるものです。一行だけの場合は<code>align-content</code>は何も効果がありません。</p>',\n      'hu': '<p>A békák szétszóródtak mindenfelé a tavon, míg a tündérrózsák a tó tetején gyülekeznek. Az <code>align-content</code> használatával beállíthatod, hogy több sor esetén a sorok milyen távolságokra legyenek egymástól. Ez a tulajdonság a következő értékeket veheti fel:</p><ul><li><code>flex-start</code>: A sorok a konténer tetejére rendeződnek.</li><li><code>flex-end</code>: A sorok a konténer aljához rendeződnek.</li><li><code>center</code>: A sorok a konténeren belül függőlegesen középre rendeződnek.</li><li><code>space-between</code>: A sorok közötti tér kiegyenlítetten oszlik el.</li><li><code>space-around</code>: A sorok körülötti tér egyenlően oszlik el.</li><li><code>stretch</code>: A sorok széthúzódnak, hogy kitöltsék a konténerüket.</li></ul><p>Talán kicsit megtévesztő, de az <code>align-content</code> a sorok közötti teret befolyásolja, míg az <code>align-items</code> meghatározza, hogy az elemek összessége miképp igazodjon a konténeren belül. Amennyiben csak egyetlen sor van, az <code>align-content</code> nem fejt ki semmilyen hatást.</p>',\n      'eo': '<p>La ranoj disvastigas ĉien en la lageto, tamen la akvolilifolioj supren amasiĝas. Vi povas uzi <code>align-content</code> por precizigi kiel multoblaj linioj malproksimigatas unuajn la aliajn. Ĉi tiu trajto prenas la sekvajn valorojn:</p><ul><li><code>flex-start</code>: Linioj aranĝiĝas supren de la ujo.</li><li><code>flex-end</code>: Linioj aranĝiĝas malsupren de la ujo.</li><li><code>center</code>: Linioj aranĝiĝas al la vertikala centro de la ujo.</li><li><code>space-between</code>: Linioj afiŝas kun samaspacoj inter ili.</li><li><code>space-around</code>: Linioj afiŝas kun samaspacoj ĉirkaŭ ili.</li><li><code>stretch</code>: Linioj sterniĝas por ke ili laŭmezure taŭgu la ujon.</li></ul><p>Tiu ago povas esti konfuziganta, sed <code>align-content</code> determinas la spacojn inter linioj, dum <code>align-items</code> determinas kiel la tutaj elementoj kune liniiĝas interne de la ujo. Kiam estas nur unu linio, <code>align-content</code> nenion farus.</p>',\n      'sv': '<p>Grodorna är helt utspridda över dammen men blombladen är samlade i toppen. Man kan använda <code>align-content</code> för att sätta hur multipla rader placeras i förhållande till varandra. Detta attribut accepterar följande värden:</p><ul><li><code>flex-start</code>: Rader placeras i toppen av containern.</li><li><code>flex-end</code>: Rader placeras i bottena av containern.</li><li><code>center</code>: Rader placeras vertikalt i mitten av containern.</li><li><code>space-between</code>: Raderna får jämn fördelning av utrymmet mellan dem.</li><li><code>space-around</code>: Raderna får jämn fördelning av utrymmet runt dem.</li><li><code>stretch</code>: Raderna sträcks ut för att fylla containern.</li></ul><p>Detta kan vara förvirrande, men <code>align-content</code> definierar utrymmet mellan raderna medan <code>align-items</code> definerar hur objekt i sin helhet är placerade i själva containern. När det bara finns en rad har <code>align-content</code> ingen effekt.</p>',\n      'uk': '<p>Жабенята розповзлися по всьому ставку, а листя латаття знаходиться вгорі. Маєш скористатися властивістю <code>align-content</code>, щоб вказати як декілька рядків мають бути розташовані один до одного. Властивість набуває таких значень:</p><ul><li><code>flex-start</code>: Рядки буде розташовано вгорі контейнеру.</li><li><code>flex-end</code>: Рядки буде розташовано внизу контейнеру.</li><li><code>center</code>: Рядки групуються вертикально по центру контейнеру.</li><li><code>space-between</code>: Рядки розташовуються з однаковими проміжками навколо них.</li><li><code>space-around</code>: Рядки розташовуються з однаковими проміжками між ними.</li><li><code>stretch</code>: Рядки розтягуються заповнюючи контейнер рівномірно.</li></ul><p>Це може збивати з пантелику, але <code>align-content</code> визначає інтервал поміж рядками, в той час як <code>align-items</code> визначає, як елементи буде вирівняно в контейнері в цілому. Коли у вас лише один рядок,  <code>align-content</code> не має ніякого ефекту.</p>',\n      'hi': '<p>मेंढक पूरे तालाब के उपर फैले हुए हैं, परन्तु लिली के पत्ते तालाब के उपर की तरफ हैं। आप <code>align-content</code> की मदद से पंक्तियों के मध्य के अंतर को निश्चित कर सकते हैं। यह प्रॉपर्टी निम्न मान स्वीकार करती है:</p><ul><li><code>flex-start</code>: पंक्तियों को कंटेनर के शीर्ष में रखा जाता है।</li><li><code>flex-end</code>: पन्तियों को कंटेनर के अंत में रखा जाता है।</li><li><code>center</code>: पंक्तियों को कंटेनर के उर्ध्वाधर केंद्र में रखा जाता है।</li><li><code>space-between</code>: पंक्तियों के मध्य बराबर दूरी रखी जाती है।</li><li><code>space-around</code>: पंक्तियों के चारों ओर दूरी बराबर रखी जाती है।</li><li><code>stretch</code>: पंक्तियों को खीच कर कंटेनर के बराबर किया जाता है।</li></ul><p>यह भ्रामक प्रतीत होता है, परन्तु <code>align-content</code> पंक्तियों के अंतर को दर्शाता है जबकि <code>align-items</code> बताता है की किस तरह कोई वस्तु कंटेनर में संरेखित है। जब केवल एक ही पंक्ति मोजूद हो तो <code>align-content</code> का कोई प्रभाव नहीं होगा।</p>',\n      'gj': '<p> દેડકાઓને   આખા તળાવમાં ફેલાયેલા છે, પરંતુ લીલીપેડ ટોચ પર છે.તમે  <code>align-content</code> ઉપયોગ કરી શકો છો કે કેવી રીતે બહુવિધ રેખાઓ એકબીજાથી અલગ છે. આ ગુણધર્મ નીચેના મૂલ્યો લે છે:</p><ul><li><code>flex-start</code>: કન્ટેનરની ટોચ પર લાઇન્સ પેક કરવામાં આવે છે.</li><li><code>flex-end</code>: કન્ટેનરના તળિયે લાઇન્સ પેક કરવામાં આવે છે.</li><li><code>center</code>: કન્ટેનરના ઊભી મધ્યમાં   લાઇન્સ પેક કરવામાં આવે છે.</li><li><code>space-between</code>: રેખાઓ તેમની વચ્ચે સમાન અંતર સાથે પ્રદર્શિત થાય છે.</li><li><code>space-around</code>: રેખાઓ તેમની આસપાસ સમાન અંતર સાથે પ્રદર્શિત થાય છે.</li><li><code>stretch</code>: કન્ટેનરને ફિટ કરવા માટે રેખાઓ ખેંચાઈ છે.</li></ul><p> આ ગૂંચવણભર્યું હોઈ શકે છે, પણ  <code>align-content</code> રેખાઓ વચ્ચેનું અંતર નક્કી કરે છે, જયારે  <code>align-items</code> કન્ટેનરની અંદર એકંદરે વસ્તુઓ કેવી રીતે ગોઠવાય છે તે નક્કી કરે છે.જ્યારે એક જ લાઇન હોય,<code>align-content</code> કોઈ પ્રભાવ નહિ. </p>',\n      'sr': '<p>Жабице су раштркане по барици, док су локвањи груписани у врху. Можеш да користиш <code>align-content</code> да дефинишеш како су редови размакнути. Ово својство прихвата следеће вредности:</p><ul><li><code>flex-start</code>: Редови су груписани у горњем делу контејнера.</li><li><code>flex-end</code>: Редови су груписани у доњем делу котејнера.</li><li><code>center</code>: Редови су груписани у вертикалном центру контејнера.</li><li><code>space-between</code>: Редови су приказани са идентичним растојањем између редова.</li><li><code>space-around</code>: Редови су приказани са идентичним растојањем около редова.</li><li><code>stretch</code>: Редови су развучени да попуне контејнер.</li></ul><p>Можда збуњује али <code>align-content</code> дефинише размак између редова, док <code>align-items</code> дефинише како су елементи као целина (група) поравнати у контејнеру. Када постоји само један ред <code>align-content</code> нема ефекта.</p>',\n      'bs': '<p>Žabice su raštrkane po barici, dok su listovi grupisani u vrhu. Možeš da koristiš <code>align-content</code> da definišeš kako su redovi razmaknuti. Ovo svojstvo prihvata sljedeće vrijednosti:</p><ul><li><code>flex-start</code>: Redovi su grupisani u gornjem dijelu kontejnera.</li><li><code>flex-end</code>: Redovi su grupisani u donjem dijelu kotejnera.</li><li><code>center</code>: Redovi su grupisani u vertikalnom centru kontejnera.</li><li><code>space-between</code>: Redovi su prikazani sa identičnim rastojanjem između redova.</li><li><code>space-around</code>: Redovi su prikazani sa identičnim rastojanjem okolo redova.</li><li><code>stretch</code>: Redovi su razvučeni da popune kontejner.</li></ul><p>Možda zbunjuje ali <code>align-content</code> definiše razmak između redova, dok <code>align-items</code> definiše kako su elementi kao celina (grupa) poravnjati u kontejneru. Kada postoji samo jedan red <code>align-content</code> nema efekta.</p>',\n      'hr': '<p>Žabice su raštrkane po barici, dok su listovi grupirani u vrhu. Možeš koristiti <code>align-content</code> da definiraš kako su redovi razmaknuti. Ovo svojstvo prihvaća sljedeće vrijednosti:</p><ul><li><code>flex-start</code>: Redovi su grupirani u gornjem dijelu kontejnera.</li><li><code>flex-end</code>: Redovi su grupirani u donjem dijelu kotejnera.</li><li><code>center</code>: Redovi su grupirani u vertikalnom centru kontejnera.</li><li><code>space-between</code>: Redovi su prikazani sa identičnim razmakomm između redova.</li><li><code>space-around</code>: Redovi su prikazani sa identičnim razmakom okolo redova.</li><li><code>stretch</code>: Redovi su razvučeni da popune kontejner.</li></ul><p>Možda zbunjuje ali <code>align-content</code> definira razmak između redova, dok <code>align-items</code> definira kako su elementi kao cjelina (grupa) poravnati u kontejneru. Kada postoji samo jedan red <code>align-content</code> nema efekta.</p>',\n      'nl': '<p>De kikkers zijn over heel de vijver verspreidt, maar de lelieblaadjes zijn bovenaan gegroepeerd. Je kunt <code>align-content</code> gebruiken om te bepalen hoe de spatiëring tussen meerdere lijnen gebeurt. Deze eigenschap aanvaard de volgende waarden:</p><ul><li><code>flex-start</code>: Lijnen worden aan de bovenzijde van de container verpakt.</li><li><code>flex-end</code>: Lijnen worden aan de onderzijde van de container verpakt.</li><li><code>center</code>: Lijnen worden op het verticale center van de container verpakt.</li><li><code>space-between</code>: Lijnen worden gedistribueerd over de volledige dimensie en krijgen een gelijke spatiëring tussen elke lijn.</li><li><code>space-around</code>: Lijnen worden gedistribueerd over de volledige dimensie en krijgen een gelijke spatiëring rond elke lijn.</li><li><code>stretch</code>: Lijnen worden uitgerokken om in de container te passen.</li></ul><p>Dit kan verwarrend overkomen, maar <code>align-content</code> bepaald de spatiëring tussen lijnen, terwijl <code>align-items</code> de opstelling van alle items binnen de container bepaald. Als er slechts een lijn is, heeft <code>align-content</code> geen effect.</p>',\n      'ta': '<p>தவளைகள் குளத்தின் அனைத்து பகுதிகளிலும் சிதறியுள்ளன. ஆனால், இலைகள் ஒன்றாக மேற்புறம் ஒதுங்கியுள்ளன. <code>align-content</code> பயன்படுத்தி பல வரிகளுக்கு இடையேயுள்ள இடைவெளியை கட்டுப்படுத்தலாம். இந்த property பின்வரும் மதிப்புகளை ஏற்றுக்கொள்கிறது:</p><ul><li><code>flex-start</code>: Lines மேற்புறமாக சீரமைக்கப்படும்.</li><li><code>flex-end</code>:  Lines கீழ்புறமாக சீரமைக்கப்படும்.</li><li><code>center</code>:  Lines செங்குத்து மத்தியத்தில் சீரமைக்கப்படும்.</li><li><code>space-between</code>: Lines இடைவெளியில் சமமான இடைவெளி விடப்படும்.</li><li><code>space-around</code>: Lines சுற்றி சமமான இடைவெளி விடப்படும்.</li><li><code>stretch</code>:  Lines, container-ல் பொருந்தும் வண்ணம் நீட்டி சீரமைக்கப்படும்.</li></ul><p>இதில் ஒருவித குழப்பம் இருக்கலாம், <code>align-content</code> வரிகளுக்கு இடையேயுள்ள இடைவெளியை மட்டுமே கட்டுப்படுத்துகிறது. ஒரே ஒரு வரி மட்டும் இருக்கும் பொது <code>align-content</code> வேலை செய்யாது.</p>',\n      'te': '<p>కప్పలు చెరువు అంతా విస్తరించి ఉన్నాయి, కాని లిల్లీప్యాడ్‌లు పైభాగంలో ఉండిపోయాయి. మీరు </li><li><code>space-between</code> వాడి వేరు వేరు వరుసల మద్యలో  ఎంత కాళీ ఉండాలో చెప్పచు  ఈ ఆస్తి ఈ క్రింది విలువలను తీసుకుంటుంది: </p><ul><li><code>flex-start</code>: కంటైనర్ పైభాగంలో లైన్స్ ప్యాక్ చేయబడతాయి. </li><li><code>flex-end</code>: కంటైనర్ దిగువన లైన్స్ ప్యాక్ చేయబడతాయి. </li><li><code>center</code>: కంటైనర్ యొక్క నిలువు మధ్యలో లైన్స్ ప్యాక్ చేయబడతాయి. </li><li><code>space-between</code> వాటి మధ్య. </li><li><code>space-around</code>: లైన్స్ వాటి చుట్టూ సమాన అంతరాలతో ప్రదర్శించబడతాయి. కంటైనర్. </ li></ul><p> ఇది గందరగోళంగా ఉంటుంది, కానీ <code>align-content</code> పంక్తుల మధ్య అంతరాన్ని నిర్ణయిస్తుంది, అయితే <code>align-items</code> ఎలా నిర్ణయిస్తుంది మొత్తం అంశాలు కంటైనర్‌లో సమలేఖనం చేయబడతాయి. ఒకే ఒక పంక్తి ఉన్నప్పుడు, <code>align-content</code> ప్రభావం ఉండదు. </ p> ',\n      'ml': '<p>തവളകൾ മുഴുവൻ കുളങ്ങളിൽ പടർന്നു കിടക്കുന്നു, എന്നാൽ ലില്ലിപാഡുകൾ മുകളിലത്തെ നിലയിൽ വളരുന്നു. <code>align-content</code> ഉപയോഗിച്ച് ഓരോ നിരയെയും നീക്കി നിർത്താൻ സാധിക്കും. ഈ പ്രോപ്പർട്ടി ഇനിപ്പറയുന്ന മൂല്യങ്ങൾ സ്വീകരിക്കുന്നു:</p><ul><li><code>flex-start</code>: ലൈനുകൾ കണ്ടെയ്നർ മുകളിൽ കയറുന്നു.</li><li><code>flex-end</code>: പാറ്റേണുകളുടെ അടിയിൽ വരികൾ പായ്ക്ക് ചെയ്യപ്പെടുന്നു.</li><li><code>center</code>: ലൈനുകളുടെ ലംബമായ കേന്ദ്രത്തിൽ ലൈനുകൾ പൂരിപ്പിച്ചിരിക്കുന്നു.</li><li><code>space-between</code>: അവയ്ക്കിടയിൽ തുല്യ ഇടവേളകളോടെയാണ് രേഖകൾ കാണിക്കുന്നത്.</li><li><code>space-around</code>: ലൈനുകൾ അവയ്ക്ക് തുല്യമായ ഇടവേളകളിൽ കാണിക്കുന്നു.</li><li><code>stretch</code>: കണ്ടെയ്നറുകൾക്ക് അനുയോജ്യമാക്കാൻ ലൈനുകൾ വലിച്ചു.</li></ul><p>ഇത് ആശയക്കുഴപ്പത്തിലാക്കും, പക്ഷേ <code>align-content</code> വരികൾക്കിടയിൽ സ്പെയ്സിംഗ് നിശ്ചയിക്കുന്നു, <code>align-items</code> കണ്ടെയ്നറിൽ മുഴുവൻ ഇനങ്ങൾ എങ്ങനെ വിന്യസിക്കപ്പെട്ടിരിക്കുന്നു എന്ന് നിർണ്ണയിക്കുന്നു. ഒരു വഴി ഉള്ളപ്പോൾ , <code>align-content</code> എഫ്ഫക്റ്റ് ഉണ്ടാകില്ല.</p>',\n      'el': '<p>Οι βάτραχοι είναι διεσπαρμένοι σ\\' όλη την επιφάνεια της λιμνούλας, αλλά τα νούφαρα είναι μαζεμένα στο πάνω μέρος. Μπορείτε να χρησιμοποιήσετε το <code>align-content</code> για να ορίσετε πως πολλαπλές γραμμές χωρίζονται με διάστημα η μία από την άλλη. Αυτή η ιδιότητα παίρνει τις εξής αξίες:</p><ul><li><code>flex-start</code>: Οι γραμμές τοποθετούνται στο πάνω μέρος του container.</li><li><code>flex-end</code>: Οι γραμμές τοποθετούνται στο κάτω μέρος του container.</li><li><code>center</code>: Οι γραμμές τοποθετούνται στο κάθετο κέντρο του container.</li><li><code>space-between</code>: Οι γραμμές εμφανίζονται με ίσο διάστημα μεταξύ τους.</li><li><code>space-around</code>: Οι γραμμές εμφανίζονται με ίσο διάστημα γύρω τους.</li><li><code>stretch</code>: Οι γραμμές τεντώνονται για να ταιριάξουν στο container.</li></ul><p>Αυτό μπορεί να είναι συγχυστικό, αλλά το <code>align-content</code> καθορίζει το διάστημα μεταξύ γραμμών, ενώ το <code>align-items</code> καθορίζει πως τα αντικείμενα ως σύνολο ευθυγραμμίζονται μέσα στο container. Όταν υπάρχει μόνο μία γραμμή, το <code>align-content</code> δεν έχει επίδραση.</p>',\n      'mk': '<p>Жабите се распределени низ целото езерце, но листовите се во купче на горниот крај. Можете да користите <code>align-content</code> да поставите како множество на редови се разделени помеѓу себе. Ова својство ги прима следните вредности:</p><ul><li><code>flex-start</code>: Редовите се собрани на горниот крај од контејнерот.</li><li><code>flex-end</code>: Редовите се собрани на долниот крај од контејнерот.</li><li><code>center</code>: Редовите се собрани на вертикалниот центар на контејнерот.</li><li><code>space-between</code>: Редовите се појавуваат со еднакво растојание помеѓу себе.</li><li><code>space-around</code>: Редовите се појавуваат со еднакво растојаните околу себе.</li><li><code>stretch</code>: Редовите се истегнати да го пополнат контејнерот.</li></ul><p>Ова може да биде збунувачки, но <code>align-content</code> го определува растојанието помеѓу редови, додека <code>align-items</code> определува како сите елементи заедно се подредени во контејнерот. Кога има само еден ред, <code>align-content</code> нема ефект.</p>',\n      'lv': '<p>Vardulēni ir izvietojušies pa visu dīķi, bet ūdensrozes stāv augšpusē. Lai organizētu atstarpes starp vairākām rindām, Tu vari pielietot <code>align-content</code> metodi. Šī metode pieņem sekojošas vērtības :</p><ul><li><code>flex-start</code>: Rindas ir iespiestas konteinera augšpusē.</li><li><code>flex-end</code>: Rindas ir iespiestas konteinera apakšpusē.</li><li><code>center</code>: Rindas ir iespiestas konteinera vertikālajā centrā.</li><li><code>space-between</code>: Rindas tiek novietotas ar vienādu atstarpi starp tām.</li><li><code>space-around</code>: Rindas tiek novietotas ar vienādu apkārtesošo laukumu.</li><li><code>stretch</code>: Rindas tiek izstieptas pa visu konteineru.</li></ul><p>Šis var radītu apjukumu, bet <code>align-content</code> nosaka atstarpi starp rindām, kamēr <code>align-items</code> nosaka kā elementi ir izvietoti attiecībā pret konteineru. Gadījumos, kad ir tikai viena rinda, <code>align-content</code> nedarbojas.</p>',\n      'id': '<p>PAra katak tersebar di seluruh kolam, tetap ada beberapa lilypads diatas. Kamu dapat gunakan <code>align-content</code> untuk mengatur beberapa baris untuk memberi jarak dari masing-masing. Properti ini memiliki nilai:</p><ul><li><code>flex-start</code>: Baris ini mengumpulkan pada wadah bagian atas.</li><li><code>flex-end</code>: Baris dikemas di bagian bawah wadah.</li><li><code>center</code>: Baris dikemas di pusat vertikal wadah.</li><li><code>space-between</code>: Baris ditampilkan dengan jarak sesuai diantara mereka.</li><li><code>space-around</code>: baris ditampilkan dengan jarak yang sama diantara mereka.</li><li><code>stretch</code>: Baris di tarik untuk menyesuaikan jarak wadah.</li></ul><p>Ini mungkin membinggungkan, tapi <code>align-content</code> menentukan jarak diantara baris, sedangkan <code>align-items</code> menentukan bagaimana objek secara keseluruhan sejajar di dalam wadah. Ketika ada satu baris, <code>align-content</code> hal ini tidak akan memberikan effect apapun.</p>',\n      'ar': '<p>تنتشر الضفادع في جميع انحاء البركة, لكن اوراق الزنبق محشورة في الاعلى. يمكنك استخدام <code>align-content</code> لضبط كيفية تباعد الاسطر المتعددة عن بعضها البعض. هذه الخاصية تقبل القيم التالية:</p><ul><li><code>flex-start</code>: تعبئة الخطوط في الجزء العلوي من الحاوية.</li><li><code>flex-end</code>: تعبئة الخطوط في الجزء السفلي من الحاوية.</li><li><code>center</code>: تعبئة الخطوط في الجزء الاوسط من الحاوية عاموديا.</li><li><code>space-between</code>: تعبئة الخطوط مع مسافات متساوية بينهم.</li><li><code>space-around</code>: تعبئة الخطوط مع مسافات متساوية حولهم.</li><li><code>stretch</code>: تمدد العناصر عاموديا لتملئ الحاوية.</li></ul><p>يمكن ان يكون هذا مربكًا, لكن <code>align-content</code> تحدد المسافة بين الخطوط, بينما <code>align-items</code> تحدد كيفية محاذاة العناصر ككل داخل الحاوية. عندما يكون هناك سطر واحد فقط, <code>align-content</code> لا تحدث اي تأثير.</p>',\n      'ca': '<p>Les granotes estan repartides per tot l\\'estany, però els nenúfars estan agrupats en la part superior. Pots utilitzar <code>align-content</code> per establir-ho com múltiples línies que estan separades unes de les altres. Aquesta propietat accepta els següents valors:</p><ul><li><code>flex-start</code>: Les línies es posicionen en la part superior del contenidor.</li><li><code>flex-end</code>: Les línies es posicionen en la part inferior del contenidor.</li><li><code>center</code>: Les línies es posicionen en el mig (verticalment) del contenidor.</li><li><code>space-between</code>: Les línies es mostren amb la mateixa distància entre elles.</li><li><code>space-around</code>: Les línies es mostren amb la mateixa separació al voltant d\\'elles.</li><li><code>stretch</code>: Les línies s\\'estiren per ajustar-se al contenidor.</li></ul><p>Això pot confondre, però <code>align-content</code> determina l\\'espai entre les línies, mentre que <code>align-items</code> determina com els elements conjuntament estan alineats dins del contenidor. Quan hi ha només una línia, <code>align-content</code> no té cap efect.</p>',\n      'da': '<p>Frøerne er spredt ud over hele dammen, men alle åkanderne er i toppen. Du kan bruge <code>align-content</code> til at fastlægge hvor langt der skal være mellem linjer. Denne egenskab tager følgende værdier:</p><ul><li><code>flex-start</code>: Linjerne stuves sammen i toppen af beholderen.</li><li><code>flex-end</code>: Linjerne stuves sammen i bunden af beholderen.</li><li><code>center</code>: Linjerne stuves sammen i midten af beholderen.</li><li><code>space-between</code>: Linjerne vises med fast afstand imellem sig.</li><li><code>space-around</code>: Linjerne vises med fast afstand omkring sig.</li><li><code>stretch</code>: Linjerne strækkes så de passer til beholderen.</li></ul><p>Det kan være en smule forvirrende, men <code>align-content</code> bestemmer afstanden mellem linjer, mens <code>align-items</code> bestemmer hvordan elementerne som helhed er placeret i beholderen. Når der kun er en enkelt linje gør <code>align-content</code> ingenting.</p>',\n      'et': '<p>Konnad on laiali üle tiigi, aga kõik vesiroosilehed on tiigi ülaosas. Sa saad kasutada omadust <code>align-content</code>, et muuta seda, kui kaugel jooned üksteisest on. Sellele omadusele saab anda järgmisi väärtusi:</p><ul><li><code>flex-start</code>: Jooned on pakitud konteineri tippu.</li><li><code>flex-end</code>: Jooned on pakitud konteineri põhja.</li><li><code>center</code>: Jooned on pakitud vertikaalselt konteineri keskele.</li><li><code>space-between</code>: Kõigi joonte vahel on sama suur vahe.</li><li><code>space-around</code>: Kõigi joonte ümber on sama palju ruumi.</li><li><code>stretch</code>: Jooned on venitatud nii, et mahuvad konteineri sisse.</li></ul><p>See võib tunduda väga keeruline, aga lühidalt <code>align-content</code> määrab kui palju ruumi on joonte vahel ning <code>align-items</code> määrab kuidas elemendid ise on paigutatud konteineri sees. Kui jooni on ainult 1, siis <code>align-content</code> ei tee mitte midagi.</p>',\n      'fi': '<p>Sammakot ovat levittäytyneet joka puolelle lampea, mutta lumpeenlehdet ovat kerääntyneet yläreunaan. Voit määrittää usean rivin asettelun <code>align-content</code>-ominaisuuden avulla. Ominaisuudelle voi antaa jonkin seuraavista arvoista:</p><ul><li><code>flex-start</code>: Rivit pakkautuvat säilön yläreunaan.</li><li><code>flex-end</code>: Rivit pakkautuvat säilön alareunaan.</li><li><code>center</code>: Rivit pakkautuvat pystysuuntaisesti säilön keskelle.</li><li><code>space-between</code>: Rivien välissä on yhtä paljon tilaa.</li><li><code>space-around</code>: Rivien ympärillä on yhtä paljon tilaa.</li><li><code>stretch</code>: Rivit venytetään säilön koon mukaan.</li></ul><p>Tämä saattaa vaikuttaa monimutkaiselta, mutta <code>align-content</code> määrittää rivien välisen tilan ja <code>align-items</code> määrittää, kuinka elementit kokonaisuudessaan kohdistetaan säilön sisällä. Jos rivejä on vain yksi, ominaisuudella <code>align-content</code> ei ole vaikutusta.</p>',\n      'gl': '<p>As rás están espalladas por toda a poza, pero os nenúfares amoréanse na parte superior. Podes usar <code>align-content</code> para establecer como se separan as múltiples liñas unhas das outras. Esta propiedade acepta os seguintes valores:</p><ul><li><code>flex-start</code>: As liñas xúntanse na parte superior do contedor.</li><li><code>flex-end</code>: As líñas xúntanse na parte inferior do contedor.</li><li><code>center</code>: As liñas xúntanse no centro vertical do contedor.</li><li><code>space-between</code>: As liñas distribúense co mesmo espazo entre elas.</li><li><code>space-around</code>: As líñanse distribúense co mesmo espazo darredor delas.</li><li><code>stretch</code>: As liñas estíranse para axustarse ao contedor.</li></ul><p>Isto pode resultar confuso, pero <code>align-content</code> determina o espazo entre as liñas, mentres que <code>align-items</code> determina o xeito no que os elementos como conxunto se aliñan dentro do contedor. Cando só hai unha liña, <code>align-content</code> non ten ningún efecto.</p>',\n      'th': '<p>เจ้ากบกระจายอยู่ทั่วทั้งสระน้ำ, แต่ใบบัวกระจุกกันอยู่ด้านบน คุณสามารถใช้ <code>align-content</code> เพื่อตั้งค่าการจัดบรรทัด ว่าจะจัดให้แยกกันอย่างไร คุณสมบัตินี้รับค่าดังต่อไปนี้:</p><ul><li><code>flex-start</code>: บรรทัดจะถูกห่อรวมกันไว้ด้านบนของ container</li><li><code>flex-end</code>: บรรทัดจะถูกห่อรวมกันไว้ด้านล่างของ container</li><li><code>center</code>: บรรทัดจะถูกห่อรวมกันไว้ตรงกลางในแนวตั้งของ  container</li><li><code>space-between</code>: แสดงบรรทัดให้มีช่องว่างระหว่างกันเท่าๆกัน</li><li><code>space-around</code>: แสดงบรรทัดให้มีช่องว่างรอบๆบรรทัดเท่ากัน</li><li><code>stretch</code>: ดึงบรรทัดให้พอดีกับ container</li></ul><p>มันอาจจะดูงงๆหน่อย, แต่คำสั่ง <code>align-content</code> กำหนดปริมาณช่องว่างระหว่างบรรทัด, ในขณะที่ <code>align-items</code> กำหนดว่า items ทั้งหมดจะถูกเรียง container อย่างไร ในกรณีที่มีแค่บรรทัดเดียว, <code>align-content</code> จะไม่มีผลใดๆ</p>',\n      'mn': '<p> Мэлхийнүүд цөөрмийн бүх хэсэгт тархсан боловч сараана цэцэгс контейнерийн дээд талд бөөгнөрсөн байна. Та <code>align-content</code>-г ашиглан олон мөрүүд бие биенээсээ ямар зайтай байрлахыг тохируулж болно. Энэ проперти нь дараах утгуудыг авна:</p><ul><li><code>flex-start</code>: Мөрүүдийг контейнерын дээд талд байрлуулах. </li><li><code>flex-end</code>: Мөрүүдийг контейнерын ёроолд байрлуулах.</li><li><code>center</code>: Мөрүүдийг контейнерын босоо төвд байрлуулах. </li><li><code>space-between</code>: Мөрүүдийг хоорондоо ижил зайтай байхаар байрлуулах.</li><li><code>space-around</code>: Мөрүүдийн эргэн тойрон нь ижил зайтай байхаар байрлуулах. </li><li><code>stretch</code>: Контейнерт тохируулан мөрүүдийг сунган байрлуулах.</li></ul><p> Ойлгомжгүй байж магадгүй ч <code>align-content</code> нь мөрүүдийн хоорондын зайг тодорхойлдог. Харин <code>align-items</code> нь бүх items контейнертэйгээ харьцангуй хэрхэн байрлахыг тодорхойлдог. Зөвхөн нэг мөр байвал <code>align-content</code> ямар ч нөлөө үзүүлэхгүй.</p>',\n      'sk': '<p>Žaby sú roztrúsené po celom jazierku, ale ľaliovníky sú zoskupené na jeho vrchole. Pomocou funkcie <code>align-content</code> môžete nastaviť, ako budú viaceré riadky od seba vzdialené. Táto vlastnosť nadobúda nasledujúce hodnoty:</p><ul><li><code>flex-start</code>: Čiary sú zabalené v hornej časti nádoby.</li><li><code>flex-end</code>: Čiary sú zabalené v spodnej časti kontajnera.</li><li><code>center</code>: Čiary sú zabalené vo vertikálnom strede nádoby.</li><li><code>space-between</code>: Čiary sa zobrazujú s rovnakými rozstupmi medzi sebou.</li><li><code>space-around</code>: Čiary sa zobrazujú s rovnakými rozstupmi okolo nich.</li><li><code>stretch</code>: Čiary sú roztiahnuté tak, aby sa zmestili do kontajnera.</li></ul><p>Môže to byť mätúce, ale <code>align-content</code> určuje medzery medzi riadkami, zatiaľ čo <code>align-items</code> určuje, ako sú položky ako celok zarovnané v kontajneri. Ak je len jeden riadok, <code>align-content</code> nemá žiadny účinok.</p>',\n      'si': '<p>මැඬියන් පොකුණ පුරා පැතිරී ඇත, නමුත් නෙළුම් කොළ උඩට එකතු වෙලා. පේළි කිහිපයක් එකිනෙකින් වෙන් වී ඇති ආකාරය සැකසීමට <code>align-content</code> භාවිතා කළ හැකිය. මෙම ගුණාංගය පහත අගයන් පිළිගනී:</p><ul><li><code>flex-start</code>: කන්ටේනරයේ උඩට පේළි එකතු වෙනවා.</li><li><code>flex-end</code>: කන්ටේනරයේ යටට පේළි එකතු වෙනවා.</li><li><code>center</code>: කන්ටේනරයේ සිරස් මැදට පේළි එකතු වෙනවා.</li><li><code>space-between</code>: පේළි අතර සමාන පරතරයක් සහිතව පෙන්වයි.</li><li><code>space-around</code>: පේළි වටා සමාන පරතරයක් සහිතව පෙන්වයි.</li><li><code>stretch</code>: කන්ටේනරයට ගැලපෙන පරිදි පේළි විශාල වෙයි.</li></ul><p>මෙය අවුල් සහගත විය හැක, නමුත් <code>align-content</code> පේළි අතර පරතරය තීරණය කරන අතර, <code>align-items</code> සමස්තයක් ලෙස අයිතම කන්ටේනරය තුළ පෙළගස්වන ආකාරය තීරණය කරයි. එක් පේළියක් පමණක් ඇති විට, <code>align-content</code> හි බලපෑමක් නැත.</p>',\n      'np': '<p>भ्यागुताहरू पोखरीभरि फैलिएका छन्, तर लिलीप्याडहरू माथि नै थुप्रिएका छन्। तपाईं <code>align-content</code> प्रयोग गरेर धेरै पंक्तिहरू एक-अर्काबाट कति टाढा राख्ने भनेर सेट गर्न सक्नुहुन्छ। यस प्रोपर्टीले तलका मानहरू स्वीकार गर्दछ:</p> <ul> <li><code>flex-start</code>: पंक्तिहरू कन्टेनरको माथि थुप्रिन्छन्।</li> <li><code>flex-end</code>: पंक्तिहरू कन्टेनरको तल थुप्रिन्छन्।</li> <li><code>center</code>: पंक्तिहरू कन्टेनरको ठ्याक्कै बीचमा थुप्रिन्छन्।</li> <li><code>space-between</code>: पंक्तिहरू बीचमा समान दूरीमा देखिन्छन्।</li> <li><code>space-around</code>: पंक्तिहरू चारैतिर समान दूरीमा देखिन्छन्।</li> <li><code>stretch</code>: पंक्तिहरू कन्टेनरमा फिट हुन फैलिन्छन्।</li> </ul> <p>यो अलि जटिल हुन सक्छ, तर <code>align-content</code> ले पंक्तिहरूबीचको दूरी निर्धारण गर्दछ, जबकि <code>align-items</code> ले कन्टेनरभित्र वस्तुहरूको समग्र रूपमा संरेखण निर्धारण गर्दछ। जब केवल एउटा पंक्ति हुन्छ, <code>align-content</code> को कुनै प्रभाव हुँदैन।</p>',\n      'my': '<p>ကင်းကန်များသည် ရေကန်အတွင်းလုံးဝဖြန့်ဖြူးနေသော်လည်း လီလီပက်များသည် အထက်တွင်စုစည်းထားသည်။ များစွာသောလိုင်းများကို တစ်ခုနှင့်တစ်ခု ခွဲခြားထားရန် <code>align-content</code> ကို သတ်မှတ်နိုင်သည်။ ဤပရိုပတ်တီသည် အောက်ပါတန်ဖိုးများကို လက်ခံသည်။</p><ul><li><code>flex-start</code>: လိုင်းများကို ကွန်တိန်နာ၏ အထက်ပိုင်းတွင် ထည့်သွင်းထားသည်။</li><li><code>flex-end</code>: လိုင်းများကို ကွန်တိန်နာ၏ အောက်ပိုင်းတွင် ထည့်သွင်းထားသည်။</li><li><code>center</code>: လိုင်းများကို ကွန်တိန်နာ၏ စက္ကူအလယ်ဗဟိုတွင် ထည့်သွင်းထားသည်။</li><li><code>space-between</code>: လိုင်းများကို တစ်ခုနှင့်တစ်ခုအကြား တူညီသောအကွာအဝေးဖြင့် ပြသထားသည်။</li><li><code>space-around</code>: လိုင်းများကို ၎င်းတို့၏ ပတ်လည်တွင် တူညီသောအကွာအဝေးဖြင့် ပြသထားသည်။</li><li><code>stretch</code>: လိုင်းများကို ကွန်တိန်နာတွင် သင့်လျော်စေရန် ဆွဲထုတ်ထားသည်။</li></ul><p>ဤသည်မှာ ရှုပ်ထွေးနိုင်သော်လည်း <code>align-content</code> သည် လိုင်းများအကြား အကွာအဝေးကို သတ်မှတ်ပြီး <code>align-items</code> သည် ကွန်တိန်နာအတွင်းရှိ ပစ္စည်းများအားလုံးကို ဘယ်လို စီမံခန့်ခွဲမည်ကို သတ်မှတ်သည်။ တစ်လိုင်းသာရှိသောအခါ <code>align-content</code> သည် အကျ',\n      'yo': '<p>Àwọn ọ̀pọ̀lọ ti tan ká gbogbo adágún, ṣùgbọ́n àwọn ewé ọdàn wọn ti kó jọ ní òkè. O lè lo <code>align-content</code> láti ṣètò bí àwọn ìlà ọ̀pọ̀ ṣe yà kúrò lórí ara wọn. Ohun-ini yìí ń gba àwọn iye wọ̀nyí:</p><ul><li><code>flex-start</code>: Àwọn ìlà ni a kó sí òkè àgọ́lò.</li><li><code>flex-end</code>: Àwọn ìlà ni a kó sí ìsàlẹ̀ àgọ́lò.</li><li><code>center</code>: Àwọn ìlà ni a kó sí àárín inaro àgọ́lò.</li><li><code>space-between</code>: Àwọn ìlà hàn pẹ̀lú àyè tó dọ́gba láàárín wọn.</li><li><code>space-around</code>: Àwọn ìlà hàn pẹ̀lú àyè tó dọ́gba yí ká wọn.</li><li><code>stretch</code>: Àwọn ìlà ni a fa kí wọ́n ba àgọ́lò mu.</li></ul><p>Ẹ̀sùn lè wáyé, ṣùgbọ́n <code>align-content</code> ń pinnu àyè tó wà láàárín àwọn ìlà, nígbà tí <code>align-items</code> ń pinnu bí àwọn ohun kan ní gbogbo ṣe ṣe pọ̀ ní àgọ́lò. Nígbà tí ìlà kan ṣoṣo wà, <code>align-content</code> kò ní ipa kankan.</p>',\n      'no': '<p>Froskene er spredt over hele dammen, men vannliljebladene er samlet øverst. Du kan bruke <code>align-content</code> for å angi hvor mange linjer som skal være plassert fra hverandre. Denne egenskapen tar følgende verdier:</p><ul><li><code>flex-start</code>: Linjene pakkes øverst i beholderen.</li><li><code>flex-end</code>: Linjene pakkes nederst i beholderen.</li><li><code>center</code>: Linjene pakkes vertikalt i midten av beholderen.</li><li><code>space-between</code>: Linjene vises med lik avstand mellom seg.</li><li><code>space-around</code>: Linjene vises med lik avstand rundt seg.</li><li><code>stretch</code>: Linjene strekkes for å passe til beholderen.</li></ul><p>Dette kan være forvirrende, men <code>align-content</code> bestemmer avstanden mellom linjene, mens <code>align-items</code> bestemmer hvordan elementene som helhet er justert i beholderen. Når det bare er én linje, har <code>align-content</code> ingen effekt.</p>'\n    },\n    board: 'ggggggggggggggg',\n    classes: { '#pond, #background': 'wrap' },\n    style: { 'align-content': 'flex-start' },\n    before: \"#pond {\\n  display: flex;\\n  flex-wrap: wrap;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-content 2',\n    instructions: {\n      'en': '<p>Now the current has bunched the lilypads at the bottom. Use <code>align-content</code> to guide the frogs there.</p>',\n      'bn': '<p>বর্তমানে অনেকগুলো পদ্ম-পাতা নিচে একত্রিত হয়েছে। <code>align-content</code> ব্যবহার করুন ব্যাঙগুলোকে সেখানে নিয়ে যেতে।</p>',\n      'af': '<p>Nou het die stroom die waterlelies in die onderkant gebondel. Gebruik <code>align-content</code> om die paddas daarna toe te ly.</p>',\n      'he': '<p>עכשיו הזרם פיזר את העלים בתחתית האגם. השתמשו ב-<code>align-content</code> כדי לעזור לצפרדעים להגיע לשם.</p>',\n      'ro': '<p>Acum curentul a înghesuit nuferii în partea de jos. Folosește <code>align-content</code> pentru a ghida broaștele acolo.</p>',\n      'bg': '<p>Сега вятърът е скупчил листата в долната част. Използвай <code>align-content</code> да насочиш жабчетата натам.</p>',\n      'de': '<p>Der Strom hat die Seerosenblätter nach unten getrieben. Benutze <code>align-content</code>, um die Frösche dorthin zu führen.</p>',\n      'pt-br': '<p>Agora a correnteza agrupou as vitórias-régias no fundo. Use <code>align-content</code> para guiar os sapos até lá.</p>',\n      'es': '<p>Ahora, la corriente ha agrupado las hojas de lirio en la parte inferior. Usa <code>align-content</code> para guiar las ranas hasta allí.</p>',\n      'fr': '<p>Maintenant, le courant a amassé tous les nénuphars dans le bas de l\\'étang. Utilisez <code>align-content</code> pour guider les grenouilles vers le bas.</p>',\n      'ru': '<p>Теперь течение сгруппировало лилии в нижней части. Используй <code>align-content</code>, чтобы направить лягушат туда.</p>',\n      'fa': '<p>در حال حاضر نیلوفر های آبی به پایین برکه حرکت کرده اند. با استفاده از <code>align-content</code> قورباغه ها را هدایت کنید.</p>',\n      'zh-cn': '<p>现在水流把荷叶都推到底部了。用<code>align-content</code>来指引青蛙到那里。</p>',\n      'zh-tw': '<p>現在水流把荷葉都推到底部了。用<code>align-content</code>來指引青蛙到那裏。</p>',\n      'tr': '<p>Bu gölde nilüfer yaprakları aşağıda toplanmışlar. <code>align-content</code>kuralını kullanarak kurbağaları oraya yönlendirin.</p>',\n      'az': '<p>Bu göldə zanbaq yarpaqları aşağıda toplanıblar. <code>align-content</code> qaydasını istifadə edərək qurbağaları oraya yönləndirin.</p>',\n      'it': '<p>Ora la corrente ha trasportato le ninfee alla fine dello stagno. Guida lì le rane utilizzando <code>align-content</code>.</p>',\n      'ko': '<p>이제 연못의 조류에 의해 수련잎들이 연못의 아래쪽으로 떠내려 갔습니다. <code>align-content</code>를 사용하여 개구리들이 수련잎 위로 이동할 수 있도록 도와주세요.</p>',\n      'lt': '<p>Dabar srovė nunešė lelijos lapus į tvenkinio apačią. Naudodami <code>align-content</code> padėkite varlytėms pasiekti lelijas.</p>',\n      'vi': '<p>Hiện tại những lá bông súng ở phía dưới. Sử dụng <code>align-content</code> để hướng dẫn các chú ếch đến chỗ đó.</p>',\n      'pl': '<p>Tym razem listki odpłynęły na dół stawu. Przy pomocy <code>align-content</code> pomóż żabkom do nich dotrzeć.</p>',\n      'cs': '<p>Teď proud zanesl lekníny dolů. Pomozte žabkám vlastností <code>align-content</code>.</p>',\n      'ja': '<p>さて今回は蓮の葉は下へ詰められています。<code>align-content</code>を使って、カエルたちをそこまで導いてください。</p>',\n      'hu': '<p>Jelen esetben a tündérrózsák a tó alján csoportosulnak. Használd az <code>align-content</code> tulajdonságot, hogy a békákat odavezesd hozzájuk.</p>',\n      'eo': '<p>Nun la akvofluo amasigas la nimfeofoliojn je la fundo. Uzu <code>align-content</code> por gvidi la ranojn tien.</p>',\n      'sv': '<p>Nu har blombladen flyttat sig till botten. Använd <code>align-content</code> för att flytta grodorna dit.</p>',\n      'uk': '<p>Тепер течією віднесло листя латаття до нижнього краю. Скористайся <code>align-content</code>, щоб скерувати жабенят на листя.</p>',\n      'hi': '<p>अब लिली के पत्ते तालाब के अंत में आ गये हैं। <code>align-content</code> का इस्तेमाल कर मेंढकों को पत्तों तक पहुंचाइये।</p>',\n      'gj': '<p> હવે વર્તમાનમાં લીલીપેડને તળિયે બંચ કરી દીધો છે. ત્યાં દેડકાઓને માર્ગદર્શન આપવા માટે <code>align-content</code> નો ઉપયોગ કરો.</p>',\n      'sr': '<p>Сада су локвањи груписани у дну. Користи <code>align-content</code> да помериш жабице.</p>',\n      'bs': '<p>Sada su listovi grupisani u dnu. Koristi <code>align-content</code> da pomjeriš žabice.</p>',\n      'hr': '<p>Sada su listovi grupirani u dnu. Koristi <code>align-content</code> da pomakneš žabice.</p>',\n      'nl': '<p>Een sterke stroming heeft de lelieblaadjes helemaal naar beneden gestuwd. Gebruik <code>align-content</code> om de kikkers naar daar te brengen.</p>',\n      'ta': '<p><code>align-content</code> பயன்படுத்தி  தவளைகளுக்கு  வழி காட்டவும்.</p>',\n      'te': '<p>ఇప్పుడు కరెంట్ కింది భాగంలో లిల్లీప్యాడ్లను బంచ్ చేసింది. అక్కడ కప్పలకు మార్గనిర్దేశం చేయడానికి <code> align-content </code> ని ఉపయోగించండి. </p> ',\n      'ml': '<p>തിര കാരണം താമര ഇലകൾ താഴേക്കു വന്നിരിക്കുന്നു. <code>align-content</code> ഉപയോഗിച്ച് തവളകളെ വഴി കാണിക്കുക.</p>',\n      'el': '<p>Τώρα το ρεύμα έχει μαζέψει τα νούφαρα στο κάτω μέρος. Χρησιμοποιήστε το <code>align-content</code> για να οδηγήσετε τους βατράχους εκεί.</p>',\n      'mk': '<p>Сега струјата ги има собрано листовите на долниот крај. Користете <code>align-content</code> да ги насочите жабите натаму.</p>',\n      'lv': '<p>Straume ir aiznesusi ūdensrozes uz leju. Lieto <code>align-content</code> un nogādā arī vardulēnus tur.</p>',\n      'id': '<p>Saat ini ada banyak lilypad dibawah. Gunakan <code>align-content</code> untuk mengarahkan katak.</p>',\n      'ar': '<p>الان تم حشر اوراق الزنبق في الاسفل. استخدم <code>align-content</code> لنقل الضفادع اليها.</p>',\n      'ca': '<p>Ara, la corrent ha agrupat els nenúfars en la part inferior. Utilitza <code>align-content</code> per guiar las granotes fins allí.</p>',\n      'da': '<p>Nu har strømmen trukket alle åkanderne ned i bunden. Brug <code>align-content</code> til at lede frøerne derned.</p>',\n      'et': '<p>Nüüd on vool viinud vesiroosilehed alla. Kasuta <code>align-content</code>, et konnad sinna juhatada.</p>',\n      'fi': '<p>Nyt virtaus on kasannut lumpeenlehdet lammen alareunaan. Opasta sammakot sinne <code>align-content</code>-ominaisuuden avulla.</p>',\n      'gl': '<p>A corrente levou os nenúfares ata o fondo. Emprega <code>align-content</code> para levar as rás ata alí.</p>',\n      'th': '<p>ตอนนี้สายน้ำได้พาใบบัวไปรวมกันอยู่ด้านล่าง ใช้คำสั่ง <code>align-content</code> เพื่อนำเจ้ากบไปที่นั่น</p>',\n      'mn': '<p>Одоо цөөрмийн урсгал нь сараана цэцэгсийг доод талд бөөгнөрүүлсэн байна. Мэлхийнүүдийг тийш чиглүүлэхийн тулд <code>align-content</code>-г ашиглана уу.</p>',\n      'sk': '<p>Teraz prúd zviazal lilipady na dne. Použite <code>align-content</code>, aby ste tam žaby nasmerovali.</p>',\n      'np': '<p>अब धाराले लिलीप्याडहरू तल थुप्रिएका छन्। भ्यागुताहरूसँग जानका लागि <code>align-content</code> प्रयोग गर्नुहोस्।</p>',\n      'my': '<p>ယခုလက်ရှိတွင် လိပ်ပတ်များကို အောက်ခြေတွင်စုစည်းထားသည်။ <code>align-content</code> ကို အသုံးပြု၍ ဗျာဂုတ်များကို အထဲသို့ ဦးတည်ပါ။</p>',\n      'yo': '<p>Báyìí ṣiṣan omi ti ṣàjọpọ̀ àwọn ewé ọdàn ní isàlẹ̀. Lo <code>align-content</code> láti darí àwọn ọ̀pọ̀lọ níbẹ̀.</p>',\n    },\n    board: 'ggggggggggggggg',\n    classes: { '#pond, #background': 'wrap' },\n    style: { 'align-content': 'flex-end' },\n    before: \"#pond {\\n  display: flex;\\n  flex-wrap: wrap;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-content 3',\n    instructions: {\n      'en': '<p>The frogs have had a party, but it is time to go home. Use a combination of <code>flex-direction</code> and <code>align-content</code> to get them to their lilypads.</p>',\n      'bn': '<p>ব্যাঙগুলো একটি পার্টি করেছে, কিন্তু এখন ঘরে ফিরার সময়। <code>flex-direction</code> এবং <code>align-content</code> একসাথে ব্যবহার করুন তাদেরকে তাদের পদ্ম-পাতায় ফিরে যেতে।</p>',\n      'af': '<p>Die paddas het `n partytjie gehad, maar dis tyd om huistoe te gaan. Gebruik `n kombinasie van <code>flex-direction</code> en <code>align-content</code> om hulle by hulle waterlelies uit te kry.</p>',\n      'he': '<p>הצפרדעים עשו מסיבה, אבל הגיע הזמן לחזור הביתה. השתמשו בשילוב של <code>flex-direction</code> ושל <code>align-content</code> כדי שהן יגיעו לעלים.</p>',\n      'ro': '<p>Broaștele au avut o petrecere, dar este timpul să meargă acasă. Folosește o combinație de <code>flex-direction</code> și <code>align-content</code> pentru a le duce la nuferi.</p>',\n      'bg': '<p>Жабчетата са били на купон, но сега е време да се прибират вкъщи. Използвай комбинация от <code>flex-direction</code> и <code>align-content</code>, за да ги насочиш до техните листа.</p>',\n      'de': '<p>Die Frösche haben eine Party gefeiert, aber nun ist es Zeit, nach Hause zu gehen. Benutze eine Kombination aus <code>flex-direction</code> und <code>align-content</code>, um sie zu ihren Seerosenblättern zu führen.</p>',\n      'pt-br': '<p>Os sapos fizeram uma festa, mas é hora de ir para casa. Use uma combinação de <code>flex-direction</code> e <code>align-content</code> para levá-los até suas vitórias-régias.</p>',\n      'es': '<p>Las ranas han tenido una fiesta, pero es momento de volver a casa. Usa una combinación de <code>flex-direction</code> y <code>align-content</code> para llevarlas a sus hojas de lirio.</p>',\n      'fr': '<p>Les grenouilles ont fait la fête, mais elles doivent maintenant retourner à la maison. Utilisez une combinaison de <code>flex-direction</code> et <code>align-content</code> pour les ramener à leurs nénuphars.</p>',\n      'ru': '<p>Лягушата были на вечеринке, но уже пора возвращаться домой. Используй комбинацию <code>flex-direction</code> и <code>align-content</code>, чтобы отправить их к своим лилиям.</p>',\n      'fa': '<p>قورباغه ها یک مهمونی داشتند, اما الان دیگه زمان رفتن به خانه است. با استفاده از خاصیت های <code>flex-direction</code> و <code>align-content</code> کمک کنید به نیلوفر های آبی خود برسند.</p>',\n      'zh-cn': '<p>青蛙们开完了派对，现在该回家了。用<code>flex-direction</code>和<code>align-content</code>的组合来把它们带回各自的家。</p>',\n      'zh-tw': '<p>青蛙們開完了派對，現在該回家了。用<code>flex-direction</code>和<code>align-content</code>的組合來把它們帶回各自的家。</p>',\n      'tr': '<p>Kurbağalar partideler, ama eve dönme vakti geldi. <code>flex-direction</code> ve <code>align-content</code> kombinasyonunu kullanarak kurbağaları kendi nilüfer yapraklarına götürün.</p>',\n      'az': '<p>Qurbağalar partidədilər, amma artıq evə qayıtmaq zamanıdır. <code>flex-direction</code> və <code>align-content</code> kombinasiyasını istifadə edərək qurbağaları öz zanbaq yarpaqlarına götürün.</p>',\n      'it': '<p>Le rane hanno fatto una grande festa ma adesso è ora di tornare a casa. Usa  <code>flex-direction</code> e <code>align-content</code> per riportarle verso le ninfee.</p>',\n      'ko': '<p>개구리들이 신나는 파티를 가졌습니다. 이제는 집으로 돌아가야할 시간입니다. <code>flex-direction</code>과 <code>align-content</code>를 사용하여 개구리들이 자기 색깔과 같은 수련잎으로 돌아갈 수 있도록 도와주세요.</p>',\n      'lt': '<p>Varlytės surengė vakarėlį, tačiau jau laikas keliauti namo. Panaudokite <code>flex-direction</code> ir <code>align-content</code> kombinaciją, kad padėtumėte joms pasiekti savo lelijos lapus.</p>',\n      'vi': '<p>Những chú ếch đã có một bữa tiệc, nhưng đã đến lúc để về nhà. Kết hợp thuộc tính <code>flex-direction</code> và <code>align-content</code> để đưa chúng về với những lá bông súng.</p>',\n      'pl': '<p>Żabki zrobiły sobie imprezkę, nadszedł jednak czas na powrót do domu. Przy pomocy własności <code>flex-direction</code> oraz <code>align-content</code> pomóż im dotrzeć do ich listków.</p>',\n      'cs': '<p>Žabky oslavovaly, teď je však čas jít domů. Pomozte jim vlastnostmi <code>flex-direction</code> a <code>align-content</code>.</p>',\n      'ja': '<p>カエルたちはパーティーを開いていましたが、もう家に帰る時間です。<code>flex-direction</code>と<code>align-content</code>の組み合わせを使って、彼らの蓮の葉まで連れて行ってあげましょう。</p>',\n      'hu': '<p>A békák jót buliztak, de ideje hazamenniük. Használd együttesen a <code>flex-direction</code> és az <code>align-content</code> tulajdonságokat, hogy visszajuttasd őket a saját tündérrózsáikra.</p>',\n      'eo': '<p>La ranoj havis feston, sed nune ili devu reveni hejmen. Uzu kombinon de <code>flex-direction</code> kaj <code>align-content</code> por ke ili revenu al ilaj akvolilifolioj.</p>',\n      'sv': '<p>Det har varit grodfest men nu är det dags att gå hem. Använd en kombination av <code>flex-direction</code> och <code>align-content</code> för att flytta hem dom till sina blomblad.</p>',\n      'uk': '<p>Жабенята були на вечірці, але прийшов час повертатися додому. Скористайся комбінацією властивостей <code>flex-direction</code> та <code>align-content</code>, щоб розсадити їх на своє листя латаття.</p>',\n      'hi': '<p>मेंढकों के सामूहिक भोज के बाद अब वक्त है घर जाने का, <code>flex-direction</code> एवं <code>align-content</code> के इस्तेमाल से इन सभी को घर पहुंचाइये। </p>',\n      'gj': '<p> દેડકાઓએ પાર્ટી કરી છે, પરંતુ ઘરે જવાનો સમય છે, <code>flex-direction</code> તેમજ <code>align-content</code> નો ઉપયોગ કરીને તેમને ઘરે પહોંચાડો. </p>',\n      'sr': '<p>Жабице су имале журку а сада је време да се иде кући. Користи комбинацију <code>flex-direction</code> и <code>align-content</code> да их вратиш на њихове локвање.</p>',\n      'bs': '<p>Žabice su imale žurku a sada je vrijeme da se ide kući. Koristi kombinaciju <code>flex-direction</code> i <code>align-content</code> da ih vratiš na njihove lokvanje.</p>',\n      'hr': '<p>Žabice su se zabavile a sada je vrijeme da se ide kući. Koristi kombinaciju <code>flex-direction</code> i <code>align-content</code> da ih vratiš na njihove lopoče.</p>',\n      'nl': '<p>De kikkers hebben een feestje gehad, maar nu is het tijd om naar huis te gaan. Maak gebruik van een combinatie van <code>flex-direction</code> en <code>align-content</code> om ze terug naar hun lelieblaadjes te brengen.</p>',\n      'ta': '<p><code>flex-direction</code> மற்றும் <code>align-content</code>  பயன்படுத்தி  தவளைகளுக்கு  வழி காட்டவும்.</p>',\n      'te': '<p>కప్పలు పార్టీ చేసుకున్నారు, కాని ఇంటికి వెళ్ళే సమయం వచ్చింది. <code>flex-direction</code> మరియు <code>align-content</code> కలయికను వారి లిల్లీప్యాడ్‌లకు పొందడానికి ఉపయోగించండి. </p> ',\n      'ml': '<p>തവളകൾ ഒരു പാർട്ടിക്കു പോയിരിക്കുക ആയിരുന്നു. പക്ഷെ ഇപ്പോൾ അവർക്കു തിരിച്ചു വീട്ടിൽ വരണം. <code>flex-direction</code> and <code>align-content</code> ഉപയോഗിച്ച് അവരെ താമര ഇലകളിലേക്കു എത്തിക്കു. </p>',\n      'el': '<p>Οι βάτραχοι έκαναν πάρτυ, αλλά ήρθε η ώρα να πάνε στα σπίτια τους. Χρησιμοποιήστε έναν συνδυασμό του <code>flex-direction</code> και του <code>align-content</code> για να τους πάτε στα νούφαρά τους.</p>',\n      'mk': '<p>Жабите имаа забава, но време е да си одат дома. Користете комбинација од <code>flex-direction</code> и <code>align-content</code> да ги доведете до нивните листови.</p>',\n      'lv': '<p>Vardulēniem bija sava ballīte, bet ir pienācis laiks doties mājās. Kombinējot <code>flex-direction> un <code>align-content</code>, palīdzi katram vardulēnam nokļūt līdz savai ūdensrozei.</p>',\n      'id': '<p>Para katak mengadakan pesta, tapi sudah saatnya pulang. Gunakan kombinasi <code>flex-direction</code> dan <code>align-content</code> untuk mengantarkan mereka ke lilypads masing-masing.</p>',\n      'ar': '<p>كانت الضفادع في حفلة, لكن هذا وقت العودة الى المنزل. استخدم كل من <code>flex-direction</code> و <code>align-content</code> لاعادة الضفادع الى اوراق الزنبق الخاصة بها.</p>',\n      'ca': '<p>Les granotes han fet una festa, però ara ha arribat l\\'hora de tornar a casa. Utilitza una combinació de <code>flex-direction</code> i <code>align-content</code> per portar-les als seus nenúfars.</p>',\n      'da': '<p>Frøerne har haft en fest, men nu er det på tide at komme hjem. Brug en kombination af <code>flex-direction</code> og <code>align-content</code> til at få dem hen til deres åkander.</p>',\n      'et': '<p>Konnadel on olnud pidu aga on aeg koju minna. Kasuta mõlemat, <code>flex-direction</code> ja <code>align-content</code>, et nad oma vesiroosilehtede juurde saada.</p>',\n      'fi': '<p>Sammakot ovat juhlineet, mutta nyt on aika palata koteihin. Opasta sammakot omille lumpeenlehdilleen käyttämällä ominaisuuksia <code>flex-direction</code> ja <code>align-content</code> yhdessä.</p>',\n      'gl': '<p>As rás foron de festa, pero xa é hora de ir indo para a casa. Combina <code>flex-direction</code> e <code>align-content</code> para levalas a cadanseu nenúfar.</p>',\n      'th': '<p>เจ้ากบเพิ่งจัดงานปาร์ตี้ไป, และถึงเวลากลับบ้านกันแล้ว ใช้คำสั่ง <code>flex-direction</code> และ <code>align-content</code> เพื่อเอามันไปสู่ใบบัวของมัน</p>',\n      'mn': '<p>Мэлхийнүүд үдэшлэг хийсэн ч гэртээ харих цаг нэгэнт болжээ. <code>flex-direction</code> болон <code>align-content</code>-н хослолыг ашиглан мэлхийнүүдийг сараана цэцэг рүү нь хүргэнэ үү.</p>',\n      'sk': '<p>Žabky sa zabávali, ale je čas ísť domov. Použite kombináciu <code>flex-direction</code> a <code>align-content</code>, aby ste ich dostali na ich lilipady.</p>',\n      'si': '<p>මැඬියො ටික සෙල්ලම් කළා , නමුත් දැන් ගෙදර යන්න වෙලාව හරි. මැඬියන්ට ඔවුන්ගේ නෙළුම් කොළ වෙත යාමට <code>flex-direction</code> සහ <code>align-content</code> හි සංයෝජනයක් භාවිතා කරන්න.</p>',\n      'np': '<p>भ्यागुताहरूले पार्टी गरिसकेका छन्, तर अब घर जानु पर्ने समय आएको छ। उनीहरूलाई लिलीप्याडसम्म पुर्याउन <code>flex-direction</code> र <code>align-content</code> को संयोजन प्रयोग गर्नुहोस्।</p>',\n      'my': '<p>ကွင်းကွင်းကလေးတွေ ပွဲလေးကျင်းပြီးပြီ၊ အိမ်ပြန်ချိန်ဖြစ်လာပါပြီ။ <code>flex-direction</code> နဲ့ <code>align-content</code> ကို တွဲဖက်သုံးပြီး ကွင်းကွင်းကလေးတွေကို သူတို့ရဲ့ လီလီပက်များဆီ သွားစေပါ။</p>',  \n      'yo': '<p>Àwọn ọ̀pọ̀lọ ti ṣe ayẹyẹ, ṣùgbọ́n ó tó àkókò láti lọ sí ilé. Lo àpamọ̀ kan ti <code>flex-direction</code> àti <code>align-content</code> láti mú wọ́n lọ sí àwọn ewé ọdàn wọn.</p>',\n      'no': '<p>Nå har strømmen samlet vannliljebladene nederst. Bruk <code>align-content</code> til å lede froskene dit.</p>',\n    },\n    board: 'rgggyrgggyrgggy',\n    classes: { '#pond, #background': 'wrap' },\n    style: { 'flex-direction': 'column-reverse', 'align-content': 'center' },\n    before: \"#pond {\\n  display: flex;\\n  flex-wrap: wrap;\\n\",\n    after: \"}\"\n  },\n  {\n    name: 'align-content 4',\n    instructions: {\n      'en': '<p>Bring the frogs home one last time by using the CSS properties you\\'ve learned:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'bn': '<p>আপনি যে CSS propertie গুলো শিখেছেন তা ব্যবহার করে শেষবারের মতো ব্যাঙগুলোকে বাসায় নিয়ে যানঃ</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'af': '<p>Bring een laaste keer die paddas huiste met `n kombinase van al die CSS eienskappe wat jy geleer het:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'he': '<p>תביאו את הצפרדעים הביתה פעם אחת אחרונה בעזרת שימוש בתכונות ה-CSS שלמדתם:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ro': '<p>Adu broaștele acasă pentru ultima oară folosind proprietățile învățate:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'bg': '<p>Закарай жабчетата вкъщи за последен път, използвайки CSS свойствата, които научи:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'de': '<p>Bringe die Frösche ein letztes Mal mit allen gelernten CSS-Eigenschaften nach Hause:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'pt-br': '<p>Leve os sapos para casa uma última vez utilizando as propriedades CSS que você aprendeu:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'es': '<p>Trae a las ranas a su casa una vez más usando las propiedades CSS que aprendiste:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'fr': '<p>Ramenez les grenouilles à la maison une dernière fois en utilisant les propriétés CSS que vous avez apprises&nbsp;:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ru': '<p>Доставь лягушат домой в последний раз, используя свойства CSS, которые ты выучил:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'fa': '<p>برای آخرین بار با استفاده از <span class=\"en-font\">Css</span> به قورباغه ها کمک کنید تا به مقصد خود برسند. برای انجام این کار از خاصیت های زیر استفاده کنید :</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'zh-cn': '<p>用这些你所学的CSS属性，最后一次把青蛙们带回家:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'zh-tw': '<p>用這些你所學的CSS屬性，最後一次把青蛙們帶回家:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'tr': '<p>Öğrendiğiniz tüm CSS kurallarını kullanarak kurbağaları son kez evlerine götürün:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'az': '<p>Öyrəndiyiniz bütün CSS qaydalarını istifadə edərək qurbağaları son dəfə evlerinə götürün:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'it': '<p>Riporta a casa le rane un\\'ultima volta utilizzando le proprietà CSS che hai imparato:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ko': '<p>지금까지 배운 CSS 속성들을 사용하여 개구리들이 집으로 돌아갈 수 있도록 한번 더 도와주세요:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'lt': '<p>Parveskite varlytes namo paskutinį kartą, naudojant CSS komandas, kurias išmokote:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'vi': '<p>Đưa những chú ếch về nhà một lần cuối cùng bằng cách sử dụng các thuộc tính CSS mà bạn đã học:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'pl': '<p>Zaprowadź żabki do domu ten ostatni raz używając własności CSS, które właśnie poznałeś:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'cs': '<p>Ještě jednou pomozte žabkám najít své lekníny CSS vlastnostmi, které jste se naučili:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ja': '<p>これまでに習ったCSSプロパティーを使って、もう一度だけカエルたちを家まで連れていってあげてください。</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'hu': '<p>Vidd haza a békákat még egyszer utoljára azon CSS tulajdonságok segítségével, amelyeket eddig tanultál:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'eo': '<p>Revenigu la ranojn hejmen por lasta fojo uzante la CSS-ajn trajtojn kiujn vi lernis:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'sv': '<p>Hjälp grodorna en sista gång genom att använda alla attribut du har lärt dig:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'uk': '<p>Востаннє відправ жабенят додому використавши CSS-властивості, які ти вивчив:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'hi': '<p>आपने अभी तक जितना सीखा है उसकी मदद से एक आखिरी बार सभी मेंढकों को पत्तों तक पहुंचाइये। सभी प्रॉपर्टीज की सूची :</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'gj': '<p>તમે શીખેલ CSS ગુણધર્મોનો ઉપયોગ કરીને દેડકાને છેલ્લી વાર ઘરે લાવો:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'sr': '<p>Још једном за крај врати жабице кући користећи CSS својства која си научио/ла:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'bs': '<p>Još jednom za kraj vrati žabice kući koristeći CSS svojstva koja si naučio/la:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'hr': '<p>Još jednom za kraj vrati žabice kući koristeći CSS svojstva koja si naučio/la:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'nl': '<p>Je bent er bijna! Leidt de kikkers nog een laatste keer naar huis door gebruik te maken van de CSS eigenschappen die je zonet geleerd hebt:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ta': '<p>இதுவரை நீங்கள் கற்றுக்கொண்ட அணைத்து CSS properties கொண்டு தவளைகளை அதன் இலையின் மீது அமர உதவவும்:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'te': '<p>మీరు నేర్చుకున్న CSS లక్షణాలను ఉపయోగించడం ద్వారా చివరిసారిగా కప్పలను ఇంటికి తీసుకురండి: </ p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ml': '<p>നിങ്ങൾ പഠിച്ച CSS പ്രോപ്പർട്ടികൾ ഉപയോഗിച്ച് ഒരു തവണ കൂടി തവളകളെ കൊണ്ടുവരിക:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'el': '<p>Φέρτε τους βατράχους στα σπίτια τους μια τελευταία φορά χρησιμοποιώντας τις ιδιότητες CSS που μάθατε:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'mk': '<p>Доведете ги жабите дома уште еден последен пат со користење на CSS својствата што ги научивте:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'lv': '<p>Nogādā vardulēnus mājās vēl pēdējo reizi. Pielieto CSS metodes, ko Tev izdevās apgūt iepriekšējos līmeņos:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'id': '<p>Bawa katak pulang sekali lagi mengunakan properti CSS yang telah kamu pelajari:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ar': '<p>قم بتوصيل الضفادع الى منازلها لاخر مرة باستخدام خصائص الـCSS التي تعلمتها:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'ca': '<p>Porta les granotes a casa seva una cop més utilitzant les propietats CSS que has aprés:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'da': '<p>Hjælp frøerne hjem en sidste gang ved at bruge de CSS-egenskaber du har lært om:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'et': '<p>Vii konnad veel üks kord koju kasutades neid CSS omadusi, mida sa õppinud oled:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'fi': '<p>Opasta sammakot koteihinsa vielä viimeisen kerran käyttämällä oppimiasi CSS-ominaisuuksia:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'gl': '<p>Pon ás rás no seu sitio unha vez máis empregando as propiedades CSS que aprendiches:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'th': '<p>นำเจ้ากบกลับบ้านอีกครั้ง โดยใช้คุณสมบัติ CSS ที่คุณได้เรียนมา:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'mn': '<p>Сүүлчийн удаа өөрийн сурсан CSS пропертинуудыг ашиглан мэлхийнүүдийг гэрт нь аваачина уу:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'sk': '<p>Vyveďte žaby domov naposledy pomocou vlastností CSS, ktoré ste sa naučili:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'si': '<p>ඔබ ඉගෙන ගත් CSS ගුණාංග භාවිතයෙන් අවසන් වරට මැඬියන්ට ඔවුන්ගේ ස්ථානය සොයා ගැනීමට උදව් කරන්න:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'np': '<p>अब भ्यागुताहरूलाई अन्तिम पटक घर ल्याउनका लागि तपाईंले सिकेका CSS सम्पत्तिहरू प्रयोग गर्नुहोस्:</p> <ul> <li><code>justify-content</code></li> <li><code>align-items</code></li> <li><code>flex-direction</code></li> <li><code>order</code></li> <li><code>align-self</code></li> <li><code>flex-wrap</code></li> <li><code>flex-flow</code></li> <li><code>align-content</code></li> </ul>',\n      'my': '<p>သင်လေ့လာခဲ့သော CSS ပရော်ပတ်တီများကို အသုံးပြု၍ ဗျာဂူများကို နောက်ဆုံးအကြိမ်အိမ်ပြန်ပို့ပါ:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'yo': '<p>Mú àwọn ọ̀pọ̀lọ wá sí ilé ní ìgbà kan ṣoṣo nípasẹ̀ lílo àwọn ohun-ini CSS tí o ti kọ́:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n      'no': '<p>Ta med froskene hjem en siste gang ved å bruke CSS-egenskapene du har lært:</p><ul><li><code>justify-content</code></li><li><code>align-items</code></li><li><code>flex-direction</code></li><li><code>order</code></li><li><code>align-self</code></li><li><code>flex-wrap</code></li><li><code>flex-flow</code></li><li><code>align-content</code></li></ul>',\n    },\n    board: 'rggggyy',\n    style: { 'flex-direction': 'column-reverse', 'flex-wrap': 'wrap-reverse', 'align-content': 'space-between', 'justify-content': 'center' },\n    before: \"#pond {\\n  display: flex;\\n\",\n    after: \"}\"\n  }\n];\n\nvar levelWin = {\n  name: 'win',\n  instructions: {\n    'en': '<p>You win! Thanks to your mastery of flexbox, you were able to help all of the frogs to their lilypads. Just look how hoppy they are!</p><p>If you found this ribbeting, be sure to visit <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> to learn about another powerful new feature of CSS layout. You can also find other coding games over at <a href=\"https://codepip.com/\">Codepip</a>. And be sure to share Flexbox Froggy with your friends!</p>',\n    'bn': '<p>আপনি জিতে গেছেন! Flexbox এর জ্ঞান দিয়ে আপনি সবগুলো ব্যাঙকে তাদের পদ্ম-পাতায় পৌছাতে সাহায্য করতে পেরেছেন। দেখুন তাদের দিকে তারা কতটা আনন্দিত!</p><p>এটি যদি আপনার ভালো লাগে তাহলে CSS layout এর আরো একটি নতুন ফিচার (feature) শিখতে ঘুরে আসুন <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> থেকে। আপনি আরো কোডিং গেইম পেতে পারেন <a href=\"https://codepip.com/\">Codepip</a> এ। Flexbox Froggy কে আপনার বন্ধুদের সাথে শেয়ার করতে ভুলবেন না!</p>',\n    'af': '<p>Jy wen! Te danke aan jou meesterskap van flexbox, kon jy al die paddas na hulle waterlelies ly. Sien hoe bly hulle is!</p><p>As jy hierdie een geniet het, besoek <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> om oor `n ander kragtige nuwe kenmerk van CSS uitleg te leer. Jy kan ook ander code speletjies by <a href=\"https://codepip.com/\">Codepip</a> kry. En moenie vergeet om Flexbox Froggy met jou vriende te deel nie!</p>',\n    'he': '<p>ניצחתם! תודות לשליטה שלכם ב-flexbox, הצלחתם לעזור לכל הצפרדעים להגיע לעלים שלהן. תראו כמה קופצניות ושמחות הן!</p><p>אם זה עזר לכם להצפרדע קצת, בקרו ב-<a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> כדי ללמוד על עוד פיצ\\'ר סידור חזק וחדש ב-CSS. אתם יכולים למצוא עוד משחקי תכנות ב-<a href=\"https://codepip.com/\">Codepip</a>.</p><p>ושתפו את Flexbox Froggy עם חברים!</p>',\n    'ro': '<p>Ai câștigat! Mulțumită măiestriei tale în flexbox, ai reușit să ajuți toate broaștele să ajungă la nuferi. Uită-te cât de săltăreți sunt!</p><p>Dacă ți s-a părut amuzant, vizitează <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> pentru a învăța o nouă proprietate CSS. Poți, de asemenea, să-mi vezi celelalte proiecte pe <a href=\"https://thomaspark.co\">blog-ul meu</a> sau <a href=\"https://twitter.com/thomashpark\">Twitter</a>.</p><p>Asigură-te că împarți Flexbox Froggy cu prietenii tăi!</p>',\n    'bg': '<p>Ти победи! Благодарение на майсторството ти с flexbox ти успя да помогнеш на всички жабчета да намерят своя дом!</p><p>Ако тази игра ти е харесала, те каня да видиш и другите ми проекти в моя <a href=\"https://thomaspark.co\">блог</a> или <a href=\"https://twitter.com/thomashpark\">Twitter</a>, и не забравяй да споделиш Flexbox Froggy със своите приятели!</p>',\n    'de': '<p>Gewonnen! Dank deines flexbox-Könnens warst du in der Lage, alle Frösche zu ihrem Seerosenblatt zu führen. Sieh dir an, wie glücklich sie sind!</p><p>Wenn dir das gefallen hat, schau dir meine anderen Projekte auf meinem <a href=\"https://thomaspark.co\">Blog</a> oder <a href=\"https://twitter.com/thomashpark\">Twitter</a> an und teile Flexbox Froggy mit deinen Freunden!</p>',\n    'pt-br': '<p>Você venceu! Graças à sua maestria de flexbox, você foi capaz de ajudar todos os sapos a chegar até suas vitórias-régias. Veja como eles estão felizes!</p><p>Se você achou isso coaxante, confira meus outros projetos no meu <a href=\"https://thomaspark.co\">blog</a> ou <a href=\"https://twitter.com/thomashpark\">Twitter</a>, e compartilhe Flexbox Froggy com seus amigos!</p>',\n    'es': '<p>¡Ganaste! Gracias a tu dominio de flexbox has sido capaz llevar a todas las ranas a sus nenúfares. ¡Basta con ver lo felices que son!</p><p>Si te pareció divertido, revisa otros proyectos en mi <a href=\"https://thomaspark.co\">blog</a> o <a href=\"https://twitter.com/thomashpark\">Twitter</a> y asegúrate de compartir Flexbox Froggy con tus amigos.</p>',\n    'fr': '<p>Vous avez gagné! Grâce à votre maîtrise des flexbox, vous avez été capable d\\'aider toutes les grenouilles à trouver leurs nénuphars. Regardez comment elles sautent de joie!</p><p>Si vous avez trouvé cela amusant, regardez mes autres projets sur mon <a href=\"https://thomaspark.co\">blog</a> ou mon <a href=\"https://twitter.com/thomashpark\">Twitter</a>, et assurez-vous de partager Flexbox Froggy avec vos amis!</p>',\n    'ru': '<p>Ты выиграл! Благодарим тебя за мастерство flexbox, ты смог помочь всем лягушатам добраться до своих лилий. Просто взгляни, как они счастливы!</p><p>Если тебе понравилось, зацени мои другие проекты в моем <a href=\"https://thomaspark.co\">блоге</a> или <a href=\"https://twitter.com/thomashpark\">твитере</a>, и не забудь поделиться этой игрой со своими друзьями!</p>',\n    'fa': '<p>شما برنده شدید! به همه قورباغه ها کمک کردید تا به نیلوفر های آبی خود برسند. آن ها خیلی خوشحال هستن و از شما تشکر می کنن!</p><p>برای مشاهده پروژه های دیگر از طریق <a href=\"https://thomaspark.co\">وبلاگ</a> یا <a href=\"https://twitter.com/thomashpark\">تویتتر</a> مرا دنبال کنید, و حتما بازی آموزش فلکس باکس توسط قورباغه را با دوستان خود به اشتراک بگذارید !</p>',\n    'zh-cn': '<p>你赢了！正因为你对 flexbox 的了解，你帮助所有的青蛙回到了它们的荷叶上！看看它们跳得多开心！</p><p>如果你觉得这个网站很有趣，请务必到 <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> 来学习 CSS 布局的另一个强大新功能。你也可以在我的<a href=\"https://thomaspark.co\">部落格</a>或<a href=\"https://twitter.com/thomashpark\">推特</a>上查看我的其他项目。</p><p>而且记得和你的朋友们分享 Flexbox Froggy 哦！</p>',\n    'zh-tw': '<p>你贏了！正因爲你對 flexbox 的了解，你幫助所有的青蛙回到了它們的荷葉上！看看它們跳得多開心！</p><p>如果你覺得這個網站很有趣，請務必到 <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> 來學習 CSS 佈局的另一個強大新功能。你也可以在我的<a href=\"https://thomaspark.co\">部落格</a>或<a href=\"https://twitter.com/thomashpark\">推特</a>上查看我的其他專案。</p><p>而且記得和你的朋友們分享 Flexbox Froggy 哦！</p>',\n    'tr': '<p>Kazandınız! Flexbox ustalığınız sayesinde bütün kurbağaları nilüfer yapraklarına götürebildik. Bakın, ne kadar da mutlular!</p><p>Eğer bunu beğendiyseniz, diğer projelerime <a href=\"https://thomaspark.co\">blog</a> ya da <a href=\"https://twitter.com/thomashpark\">Twitter</a> adreslerinden göz gezdirin, ve Flexbox Froggy oyununu arkadaşlarınızla paylaşın!</p>',\n    'az': '<p>Qazandınız! Flexbox ustalığınız sayəsində bütün qurbağaları zanbaq yarpaqlarına götürə bildik. Baxın, necə də xoşbəxtdirlər!</p><p>Əgər bunu bəyəndizsə, digər proyektlərimə <a href=\"https://thomaspark.co\">blog</a> vəy a <a href=\"https://twitter.com/thomashpark\">Twitter</a> adreslərindən göz gəzdirin, və Flexbox Froggy oyununu dostlarınızla paylaşın!</p>',\n    'it': '<p>Hai vinto! Grazie alla tua conoscenza di flexbox sei riuscito ad aiutare tutte le rane a trovare la loro ninfea. Guarda come sono felici ora!</p><p>Se hai trovato questo gioco interessante, visita il mio <a href=\"https://thomaspark.co\">blog</a> o il profilo  <a href=\"https://twitter.com/thomashpark\">Twitter</a> per aggiornamenti sugli altri miei progetti. Non dimenticare di condividere Flexbox Froggy con i tuoi amici!</p>',\n    'ko': '<p>해냈습니다! 당신의 능숙한 Flexbox 솜씨 덕분에 모든 개구리들이 수련잎 위로 돌아가는 것을 도울 수 있었습니다. Froggy와 친구들이 기뻐하고 있군요!</p><p>이 게임이 마음에 드셨다면 이곳에서 제 다른 프로젝트들을 확인해보세요: <a href=\"https://thomaspark.co\">blog</a> or <a href=\"https://twitter.com/thomashpark\">Twitter</a> 친구들과 함께 Flexbox Froggy를 즐기는 것도 잊지 마시고요!</p>',\n    'lt': '<p>Jūs laimėjote! Jūsų įvaldyto \"flexbox\" metodo dėka, sėkmingai pagelbėjote visoms varlytems pasiekti savo lelijos lapus. Tik pažiūrėkite kaip jos šokinėja iš džiaugsmo!</p><p>Jei manote, kad šios pamokos Jums buvo naudingos, užmeskite akį į kitus mano projektus mano <a href=\"https://thomaspark.co\">dienoraštyje</a> ar <a href=\"https://twitter.com/thomashpark\">Twitter</a> paskyroje ir būtinai pasidalinkite \"Flexbox Froggy\" su draugais!</p>',\n    'vi': '<p>Chiến thắng! Nhờ sự thành thạo flexbox của bạn, bạn đã giúp tất cả các chú ếch trở về với những lá bông súng của chúng. Nhìn xem chúng hạnh phúc biết bao nhiêu!</p><p>Nếu bạn thấy dự án này lôi cuốn, hãy xem các dự án khác của tôi trên <a href=\"https://thomaspark.co\">blog</a> hoặc là <a href=\"https://twitter.com/thomashpark\">Twitter</a>, và hãy chia sẻ Flexbox Froggy với bạn bè!</p>',\n    'pl': '<p>Wygrałeś! Dzięki twemu mistrzostwu w obsłudze flexboxa mogłeś pomóc wszystkim żabkom dotrzeć do swoich listków. Popatrz tylko jakie są szczęśliwe!</p><p>Jeśli spodobała ci się gra obczaj inne moje projekty na moim <a href=\"https://thomaspark.co\">blogu</a> lub koncie <a href=\"https://twitter.com/thomashpark\">Twittera</a>, a także podziel się Flexbox Froggy z przyjaciółmi!</p>',\n    'cs': '<p>Vyhráli jste! Svým mistrovským použitím flexboxu jste pomohli všem žabkám najít své lekníny. Podívejte, jak jsou šťastné!</p><p>Jestli se vám hra líbila, podívejte se i na mé další projekty na mém <a href=\"https://thomaspark.co\">blogu</a> nebo na <a href=\"https://twitter.com/thomashpark\">Twitteru</a>, a podělte se o radost z Flexbox Froggy s kamarády!</p>',\n    'ja': '<p>やりました！　flexboxを使いこなしてくれてありがとう。カエルたちをちゃんと蓮の葉まで連れて行ってくれました。ほら、すごく嬉しそうにしてますよ！</p><p>楽しんでくれたのなら、<a href=\"https://thomaspark.co\">ブログ</a>や<a href=\"https://twitter.com/thomashpark\">Twitter</a>で私の他のプロジェクトも探してみてください。Flexbox Froggyをお友達にシェアするのもお忘れなく！</p>',\n    'hu': '<p>Nyertél! A flexbox szakértelmednek köszönhetően minden békát sikeresen hazajuttattál a tündérrózsájára. Nézd csak, hogy ugrálnak örömükben!</p><p>Ha eljutottál eddig a brekegésig, nézz rá további munkáimra a <a href=\"https://thomaspark.co\">blogomon</a> vagy a <a href=\"https://twitter.com/thomashpark\">Twitteren</a>, és feltétlenül oszd meg a Flexbox Froggy-t a barátaiddal!</p>',\n    'eo': '<p>Vi gajnas! Dank\\'al via majstreco de flexbox, vi ja kapablis helpi ĉiujn ranojn reveni al iliaj akvolilifolioj. Rigardu kiel ili saltas pro ĝojeco!</p><p>Se vi trovis amuzanta tiun ludon, bonvolu rigardi aliajn projektojn miajn je mia <a href=\"https://thomaspark.co\">blogo</a> aŭ <a href=\"https://twitter.com/thomashpark\">Twitter</a>, kaj bonvolu disdoni Flexbox Froggy-on al tutaj amikoj viaj!</p>',\n    'sv': '<p>Grattis, du vann! Tack vare dina mästarkunskaper kring flexbox lyckades du hjälpa alla grodorna till sina blomblad. Se bara hur glada dom är!</p><p>Om du tyckte detta var spännande, spana in mina övriga projekt på min <a href=\"https://thomaspark.co\">blogg</a> eller <a href=\"https://twitter.com/thomashpark\">Twitter</a> och dela gärna Flexbox Froggy med dina vänner!</p>',\n    'uk': '<p>Ти виграв! Завдяки твоїй майстерності з flexbox, ти зміг допомогти всім жабенятам дістатися до їх листів латаття. Лиш подивись які вони щасливі!</p><p>Якщо ця гра тобі сподобалась, переглянь мої інші проекти у <a href=\"https://thomaspark.co\">блозі</a> або <a href=\"https://twitter.com/thomashpark\">Твітері</a>, й не забудь поділитися грою Flexbox Froggy зі своїми друзями!</p>',\n    'hi': '<p>आप जीत गये! धन्यवाद flexbox में प्रभुत्व प्राप्त करने के लिए, आप सभी मेंढकों को उनके लिली के पत्तों तक पहुँचाने में सफल रहे। एक बार देखिये कितने खुश हैं वे सब।</p><p>अगर आपको यह खेल पसंद आया तो आप मेरी अन्य योजनाओं को मेरे <a href=\"https://thomaspark.co\">blog</a> एवं <a href=\"https://twitter.com/thomashpark\">Twitter</a> पर देख सकते हैं। इस खेल को अपने अन्य दोस्तों में बांटना न भूलें, उन्हें भी मदद करें flexbox में महारत हासिल करने में।</p>',\n    'gj': '<p>તમે જીતી ગયા! ફ્લેક્સબોક્સની તમારી નિપુણતા માટે આભાર, તમે બધા દેડકાને તેમના લીલીપેડમાં મદદ કરી શક્યા. જસ્ટ જુઓ કે તેઓ કેટલા ખુશ છે! </p><p>જો તમને આ રિબેટિંગ મળ્યું હોય, તો મુલાકાત લેવાની ખાતરી કરો <a href=\"https://thomaspark.co\">blog</a> તેમજ  <a href=\"https://twitter.com/thomashpark\">Twitter</a> પર જોઈ શકો છો.આ રમતને તમારા મિત્રો સાથે શેર કર,તેઓને પણ flexboxમાં મહારત પ્રાપ્ત કરવામાં મદદ કરો.   </p>',\n    'sr': '<p>Победио/ла си! Захваљујући одличном познавању флексбокса, могао/ла си да помогнеш жабицама да стигну до својих локвања. Погледај само како су сретне!</p><p>Ако си уживао/ла, овери и моје пројекте на <a href=\"https://thomaspark.co\">блогу</a> или <a href=\"https://twitter.com/thomashpark\">Твитеру</a> и обавезно подели Flexbox Froggy са својим пријатељима!</p>',\n    'bs': '<p>Pobjedio/la si! Zahvaljujući odličnom poznavanju fleksboksa, mogao/la si da pomogneš žabicama da stignu do svojih listova. Pogledaj samo kako su sretne!</p><p>Ako si uživao/la, pogledaj i moje projekte na <a href=\"https://thomaspark.co\">blogu</a> ili <a href=\"https://twitter.com/thomashpark\">Twiteru</a> i obavezno podjeli Flexbox Froggy sa svojim prijateljima!</p>',\n    'hr': '<p>Pobijedio/la si! Zahvaljujući odličnom poznavanju fleksboksa, mogao/la si pomoći žabicama da stignu do svojih listova. Pogledaj kako su samo sretne!</p><p>Ako si uživao/la, pogledaj i moje projekte na <a href=\"https://thomaspark.co\">blogu</a> ili <a href=\"https://twitter.com/thomashpark\">Twiteru</a> i obavezno podjeli Flexbox Froggy sa svojim prijateljima!</p>',\n    'nl': '<p>Gewonnen! Dankzij je beheersing van flexbox was je in staat om alle kikkers te helpen hun lelieblaadjes te bereiken. Kijk eens hoe gelukkig ze zijn!</p><p>Indien je dit al leuk vond, geef dan eens een kijkje naar mijn andere projecten op mijn <a href=\"https://thomaspark.co\">blog</a> of <a href=\"https://twitter.com/thomashpark\">Twitter</a>, en vergeet niet Flexbox Froggy te delen met je vrienden!</p>',\n    'ta': '<p>வெற்றி! வெற்றி!! Flexbox-ல்  உங்கள் தேர்ச்சிக்கு நன்றி, தவளைகள்  அதன் இலைகளை அடைய நீங்கள் செய்த உதவிக்கு மிக்க நன்றி.  . தற்போது தவளைகள் தான் எவ்வளவு சந்தோஷமாக இருக்கின்றன!',\n    'te': '<p> మీరు గెలిచారు! ఫ్లెక్స్‌బాక్స్ యొక్క మీ పాండిత్యానికి ధన్యవాదాలు, మీరు కప్పలన్నింటినీ వారి లిల్లీప్యాడ్‌లకు చేరుకోవడానికి సహాయం చేసారు. వారు ఎంత ఉల్లాసంగా ఉన్నారో చూడండి! </ p><p> ఇది ఉపయోగకరంగా ఉంటే దినిని సందర్శించండి <a href=\"https://codepip.com/games/grid-garden/\"> గ్రిడ్ గార్డెన్ </ a > CSS లేఅవుట్ యొక్క మరొక శక్తివంతమైన క్రొత్త లక్షణం గురించి తెలుసుకోవడానికి. మీరు <a href=\"https://codepip.com/\"> కోడెపిప్ </a> వద్ద ఇతర కోడింగ్ ఆటలను కూడా కనుగొనవచ్చు. </ p><p>మరియు మీ స్నేహితులతో ఫ్లెక్స్‌బాక్స్ కప్పను ఖచ్చితంగా పంచుకోండి! </ p>',\n    'ml': '<p>നിങ്ങൾ ജയിച്ചിരിക്കുന്നു! ഫ്ലസ്‌ബോസ് പേടിച്ചു കൊണ്ട് നിങ്ങൾ അല്ല താവളകളെയും ലക്ഷ്യസ്ഥാനത്തു എത്തിച്ചിരിക്കുന്നു. !</p><p>ഇത് ഇഷ്ടപ്പെട്ടു എങ്കിൽ, കൂടുതൽ പഠിക്കാൻ സന്ദർശിക്കു <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> ചെക്ക് ഔട്ട് <a href=\"https://thomaspark.co\">my blog</a> or <a href=\"https://twitter.com/thomashpark\">Twitter</a>.</p><p>നിങ്ങളുടെ സുഹൃത്തുക്കളുമായി Flexbox Froggy പങ്കിടുമെന്ന് ഉറപ്പാക്കുക!</p>',\n    'el': '<p>Νικήσατε! Χάρη στην γνώση σας του flexbox, μπορέσατε να βοηθήσετε όλους τους βατράχους να πάνε στα νούφαρά τους. Κοιτάξτε πόσο χοροπηδηχτοί είναι!</p><p>Αν το βρήκατε αυτό συναρπαστικό, επισκεφτείτε το <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> για να μάθετε για ένα άλλο ισχυρό νέο χαρακτηριστικό της διάταξης CSS. Μπορείτε επίσης να ελέγξετε τα άλλα έργα μου στο <a href=\"https://thomaspark.co\">blog μου</a> ή στο <a href=\"https://twitter.com/thomashpark\">Twitter</a>.</p><p>Και μοιραστείτε το Flexbox Froggy με τους φίλους σας!</p>',\n    'mk': '<p>Победивте! Благодарение на вашето мајсторство со flexbox, можевте да им помогнете на сите жаби да стигнат до своите листови. Само погледнете колку се среќни!</p><p>Доколку ви беше возбудливо, ве покануваме да го посетите <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> да научите за уште моќна функција за CSS распоредување. Исто така можете и да ги погледнете моите други проекти на <a href=\"https://thomaspark.co\">мојот блог</a> или <a href=\"https://twitter.com/thomashpark\">Twitter</a>.</p><p>И не заборавајте да го споделите Flexbox Froggy со вашите пријатели!</p>',\n    'lv': '<p>Spēle galā, Tu uzvarēji! Pateicoties savām \"flexbox\" zināšanām, Tu spēji nogādāt visus vardulēnus drošībā. Paskaties, cik viņi tagad ir priecīgi!</p><p>Ja Tev šis interesēja, tad noteikti iegriezies arī <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a>, lai apgūtu vēl vienu ļoti vērtīgu CSS izvietojuma metodi. Tāpat iesaku Tev apskatīt manus pārējos projektus <a href=\"https://thomaspark.co\">manā blogā</a> vai <a href=\"https://twitter.com/thomashpark\">Twitter</a>.</p><p>Neaizmirsti arī parādīt Flexbox Froggy saviem draugiem!</p>',\n    'id': '<p> Kamu menang! Berkat penguasaan flexbox kamu, kamu dapat membantu semua Froggy untuk lilypads mereka. Lihat betapa \"bahagia\" mereka!</p><p>Jika kamu menemukan ini menyenangkan, pastikan untuk mengunjungi <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> untuk mempelajari hal penting CSS layout. Kamu juga bisa menemukan permainan coding di <a href=\"https://codepip.com/\">Codepip</a>.</p><p>Dan jangan lupa bagikan Flexbox Froggy kepada teman-teman kamu!</p>',\n    'ar': '<p>لقد فزت! لقد استطعت مساعدة جميع الضفادع للوصول الى اوراق الزنبق الخاصة بهم. انظر كم هم سعداء!</p><p>قم بزيارة <a href=\"https://codepip.com/games/grid-garden/\">حديقة جريد (Grid)</a> لتتعلم عن نمط تنسيق اخر في CSS . يمكنك ايضًا العثور على العاب برمجية اخرى في  <a href=\"https://codepip.com/\">Codepip</a>.</p><p>نأمل ان تشارك فروغي فلكسبكس مع أصدقاءك!</p>',\n    'ca': '<p>Has guanyat! Gràcies al teu domini de flexbox, has estat capaç d\\'ajudar a totes les granotes a arribar als seus nenúfars. Només cal veure què felices estan!!</p><p>Si t\\'ha semblat divertit, revisa altres projectes en el meu <a href=\"https://thomaspark.co\">blog</a> o <a href=\"https://twitter.com/thomashpark\">Twitter</a> i assegurat de compartir Flexbox Froggy amb els teus amics.</p>',\n    'da': '<p>Du vinder! Takket være dine evner inden for flexbox kunne du hjælpe alle frøerne hjem til deres åkander. Se bare hvor de hopper!</p><p>Hvis du syntes det her var \"frø\"-scinerende kan du også prøve <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a>, hvor du kan lære om en anden ny og brugbar funktion i CSS. Du kan også finde andre spil om kode på <a href=\"https://codepip.com/\">Codepip</a>.</p><p>Og del Flexbox Froggy med dine venner!</p>',\n    'et': '<p>Sa võitsid! Tänu sinu meisterlikkusele flexbox\\'i osas, suutsid sa aidata kõik konnad oma vesiroosilehtedele. Vaata kui õnnelikud nad on!</p><p>Kui sa arvasid, et see oli krooksumaajavalt hea, siis külasta kindlasti ka <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a>, et õppide veel ühe võimsa CSS paigutusemeetodi kohta. Lisaks sellele võid leida ka muid koodimimänge siit <a href=\"https://codepip.com/\">Codepip</a>.</p><p>Jaga kindlasti Flexbox Froggy\\'t oma sõpradega!</p>',\n    'fi': '<p>Hurraa! Mestarillisten flexbox-taitojesi ansiosta kaikki sammakot löysivät omat lumpeenlehtensä. Katso, kuinka ne hyppivät ilosta!</p><p>Jos pidit tästä seikkailusta, kokeile myös <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> -peliä, jossa tutustut toiseen mahtavaan CSS-asetteluominaisuuteen. Lisää koodailupelejä löytyy <a href=\"https://codepip.com/\">Codepip</a>-sivustolta.</p><p>Äläkä unohda kertoa Flexbox Froggysta ystävillesi!</p>',\n    'gl': '<p>Gañaches! Grazas ao teu dominio do flexbox, fuche quen de axudar a todas as rás a chegar ás súas follas de nenúfar. Mira que contentiñas están!</p><p>Se o pasaches ben, xoga tamén ao <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> para aprenderes outra nova característica de CSS. Tamén podes atopar máis xogos de programación en <a href=\"https://codepip.com/\">Codepip</a>.</p><p>E non esquezas compartir o Flexbox Froggy cos teus amigos!</p>',\n    'th': '<p>คุณชนะ! ด้วยความเชี่ยวชาญด้าน flexbox ของคุณ, คุณสามารถช่วยเหลือให้เจ้ากบทั้งหมดไปสู่ใบบัวของมัน ดูสิว่ามันมีความสุขแค่ไหน!</p><p>ถ้าคุณชอบเจ้ากบ, ต้องแวะมาที่ <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> เพื่อเรียนรู้เกี่ยวกับจุดเด่นใหม่ของการจัดวางด้วย CSS ที่เป็นประโยชน์อย่างมาก คุณยังสามารถหาเกมเกี่ยวกับการเขียนโปรแกรมอื่นๆที่ <a href=\"https://codepip.com/\">Codepip</a>. และอย่าลืมแชร์ Flexbox Froggy ให้เพื่อนๆของคุณด้วยล่ะ!</p>',\n    'mn': '<p>Та яллаа! Flexbox-г сайн эзэмшсэнийхээ ачаар та бүх мэлхийнүүдийг сараана цэцэгтэй болгоход нь тусалж чадлаа. Тэд ямар их баяртай байгааг хараарай!</p><p>Хэрвээ энэ тоглоом таньд хөгжилтэй санагдсан бол <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a>-д зочлоорой. CSS layout-н өөр нэг хүчирхэг онцлогын талаар мэдэхийг хүсвэл <a href=\"https://codepip.com/\">Codepip</a>-с бусад кодчилолын тоглоомуудыг олж тоглох боломжтой. Мөн Flexbox Froggy-г найзуудтайгаа хуваалцахаа мартуузай!</p>',\n    'sk': '<p>Vyhrali ste! Vďaka tvojmu majstrovstvu v ovládaní flexboxu si dokázal pomôcť všetkým žabkám k ich liliputánom. Len sa pozrite, ako skáču!</p><p>Ak sa vám tento článok páčil, určite navštívte stránku <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a>, kde sa dozviete o ďalšej novej výkonnej funkcii rozvrhnutia CSS. Ďalšie kódovacie hry nájdete aj na stránke <a href=\"https://codepip.com/\">Codepip</a>. A nezabudnite sa podeliť o Flexbox Froggy so svojimi priateľmi!</p>',\n    'si': '<p>ඔබ දිනුම්! flexbox පිළිබඳ ඔබේ දැනුම නිසා, සියලුම මැඬියන්ට ඔවුන්ගේ නෙළුම් කොළ වෙත යාමට උදව් කිරීමට ඔබට හැකි විය. පොඩ්ඩක් බලන්න මෙයාලා කොච්චර සතුටින්ද කියලා!</p><p>ඔබ මෙය හොඳයි කියා හිතනවනම්, CSS layout හි තවත් වැදගත් දෙයක් ගැන දැන ගැනීමට <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> වෙත පැමිණෙන්න. ඔබට coding ඉගෙන ගන්න පුළුවන් වෙනත් games <a href=\"https://codepip.com/\">Codepip</a> තුල සොයා ගත හැකිය. Flexbox මැඬියා ඔබේ මිතුරන් සමඟ බෙදා ගැනීමට අමතක කරන්න එපා!</p>',\n    'np': '<p>तपाईं जित्नुभयो! तपाईंको फ्लेक्सबक्समा माहिरता कारण, तपाईं सबै भ्यागुताहरूलाई तिनीहरूको लिलीप्याडसम्म मद्दत गर्न सफल हुनु भयो। तिनीहरूको हर्ष कस्तो देखिन्थ्यो भने!</p><p>यदि तपाईंले यो रमाइलो अनुभव गर्नुभयो भने, <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> भ्रमण गर्नुहोस् र CSS लेआउटको अर्को शक्तिशाली नयाँ सुविधा सिक्नुस्। तपाईं अन्य कोडिङ खेलहरू पनि <a href=\"https://codepip.com/\">Codepip</a> मा पाउन सक्नुहुन्छ। र, फ्लेक्सबक्स फ्रोग्गीलाई तपाईंका साथीहरूसँग सेयर गर्न नबिर्सनुहोस्!</p>',\n    'my': '<p>သင်အနိုင်ရခဲ့သည်! Flexbox ကိုကျွမ်းကျင်မှုကြောင့် သင်သည် ငါးလိပ်များအားလုံးကို ၎င်းတို့၏ လိပ်ပြာပေါ်သို့ ကူညီနိုင်ခဲ့သည်။ ၎င်းတို့သည် ဘယ်လောက်ပျော်ရွှင်ကြောင်း ကြည့်ပါ!</p><p>ဤကစားနည်းကို စိတ်ဝင်စားဖွယ်ရှိခဲ့ပါက <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> သို့ သွားရောက်ပြီး CSS layout ၏ အခြားတစ်ခုသော အင်အားကြီးသော အသစ်အင်္ဂါရပ်ကို လေ့လာပါ။ သင်သည် <a href=\"https://codepip.com/\">Codepip</a> တွင် အခြား coding ဂိမ်းများကိုလည်း ရှာဖွေနိုင်ပါသည်။ Flexbox Froggy ကို သင့်မိတ်ဆွေများနှင့် မေ့လျော့မထားပါနှင့်!</p>',\n    'yo': '<p>O ṣẹ́gun! Ṣéun sí agbára rẹ̀ ti flexbox, o ní ànfàní láti ṣe iranlọwọ fún gbogbo àwọn ọ̀pọ̀lọ sí àwọn ewé ọdàn wọn. O kan wo bí wọ́n ṣe dùn tó!</p><p> Tí o bá rí ìrìn àjò yìí, ríi dájú láti ṣàbẹwò sí <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> láti kọ́ ẹ̀kọ́ nípa àǹfààní tuntun mìíràn tí ifilelẹ CSS ní. O tún lè wá àwọn eré ìfamínsìn mìíràn ní <a href=\"https://codepip.com/\">Codepip</a>. Ríi dájú láti pín Flexbox Froggy pẹ̀lú àwọn ọ̀rẹ́ rẹ!</p>',\n    'no': '<p>Du vant! Takket være din mestring av flexbox, klarte du å hjelpe alle froskene til vannliljebladene sine. Bare se hvor hoppende de er!</p><p>Hvis du syntes dette var morsomt, sørg for å besøke <a href=\"https://codepip.com/games/grid-garden/\">Grid Garden</a> for å lære om en annen kraftig ny funksjon i CSS-layout. Du kan også finne andre kodespill på <a href=\"https://codepip.com/\">Codepip</a>. Og sørg for å dele Flexbox Froggy med vennene dine!</p>',\n  },\n  board: 'gyrgyrgyrgyrgyrgyrgyrgyrg',\n  classes: { '#pond, #background': 'wrap' },\n  style: {},\n  before: \"#pond {\\n  display: flex;\\n\",\n  after: \"}\"\n};\n"
  },
  {
    "path": "js/messages.js",
    "content": "var messages = {\n  languageActive: {\n    'en': 'English',\n    'af': 'Afrikaans',\n    'he': 'עברית',\n    'ro': 'Română',\n    'sr': 'Српски',\n    'bs': 'Bosanski',\n    'hr': 'Hrvatski',\n    'bg': 'Български',\n    'de': 'Deutsch',\n    'fr': 'Français',\n    'pt-br': 'Português',\n    'es': 'Español',\n    'ru': 'Русский',\n    'fa': 'فارسی',\n    'zh-cn': '简体中文',\n    'zh-tw': '繁體中文',\n    'tr': 'Türkçe',\n    'az': 'Azərbaycanca',\n    'it': 'Italiano',\n    'ko': '한국어',\n    'lt': 'Lietuvių',\n    'vi': 'Tiếng Việt',\n    'pl': 'Polski',\n    'cs': 'Česky',\n    'ja': '日本語',\n    'hu': 'Magyar',\n    'eo': 'Esperanto',\n    'sv': 'Svenska',\n    'uk': 'Українська',\n    'hi': 'हिंदी',\n    'gj': 'ગુજરાતી',\n    'nl': 'Nederlands',\n    'ta': 'தமிழ்',\n    'te': 'తెలుగు',\n    'ml': 'മലയാളം',\n    'el': 'Ελληνικά',\n    'mk': 'Македонски',\n    'lv': 'Latviešu',\n    'id': 'Bahasa Indonesia',\n    'ar': 'العربية',\n    'ca': 'Català',\n    'da': 'Dansk',\n    'et': 'Eesti',\n    'fi': 'Suomi',\n    'gl': 'Galego',\n    'th': 'ไทย',\n    'mn': 'Монгол хэл',\n    'sk': 'Slovenčina',\n    'si': 'සිංහල',\n    'bn': 'বাংলা',\n    'np': 'नेपाली',\n    'my': 'မြန်မာ',\n    'yo': 'Yoruba',\n    'no': 'Norsk'\n  },\n  next: {\n    'en': 'Next',\n    'af': 'Volgende',\n    'he': 'הבא',\n    'ro': 'Următorul',\n    'sr': 'Следећи',\n    'bs': 'Dalje',\n    'hr': 'Dalje',\n    'bg': 'Следващо',\n    'de': 'Weiter',\n    'fr': 'Suivant',\n    'pt-br': 'Próximo',\n    'es': 'Siguiente',\n    'ru': 'Следующий',\n    'fa': 'مرحله بعدی',\n    'zh-cn': '继续',\n    'zh-tw': '繼續',\n    'tr': 'Sonraki',\n    'az': 'Növbəti',\n    'it': 'Prossimo',\n    'ko': '다음',\n    'lt': 'Sekantis',\n    'vi': 'Kế Tiếp',\n    'pl': 'Dalej',\n    'cs': 'Pokračovat',\n    'ja': '次へ',\n    'hu': 'Következő',\n    'eo': 'Sekva',\n    'sv': 'Nästa',\n    'uk': 'Наступний',\n    'hi': 'अगला',\n    'gj': 'આગળ વધો',\n    'nl': 'Volgende',\n    'ta': 'அடுத்து',\n    'te': 'తరువాత',\n    'ml': 'അടുത്തത്',\n    'el': 'Επόμενο',\n    'mk': 'Следно',\n    'lv': 'Nākamais',\n    'id': 'Lanjut',\n    'ar': 'التالي',\n    'ca': 'Següent',\n    'da': 'Næste',\n    'et': 'järgmine',\n    'fi': 'Seuraava',\n    'gl': 'Seguinte',\n    'th': 'ถัดไป',\n    'mn': 'Дараах',\n    'sk': 'Pokračovať',\n    'si': 'ඊළඟ',\n    'bn': 'পরবর্তী',\n    'np': 'अर्को',\n    'my': 'နောက်တစ်ခု',\n    'yo': 'Ìpele tó kàn',\n    'no': 'Neste'\n  },\n  labelFooter: {\n    'en': 'Flexbox Froggy is created by',\n    'af': 'Flexbox Froggy is ontwerp deur',\n    'he': 'Flexbox Froggy נוצר על ידי',\n    'ro': 'Flexbox Froggy este creat de',\n    'sr': 'Flexbox Froggy је направио',\n    'bs': 'Flexbox Froggy je napravio',\n    'hr': 'Flexbox Froggy je stvorio',\n    'bg': 'Flexbox Froggy е създадена от',\n    'de': 'Flexbox Froggy wurde gemacht von',\n    'fr': 'Flexbox Froggy est créé par',\n    'pt-br': 'Flexbox Froggy foi criado por',\n    'es': 'Flexbox Froggy es una creación de',\n    'ru': 'Игра Flexbox Froggy создана',\n    'fa': 'قورباغه فلکس باکس ساخته شده توسط',\n    'zh-cn': 'Flexbox Froggy的作者是',\n    'zh-tw': 'Flexbox Froggy的作者是',\n    'tr': 'Flexbox Froggy\\'nin yaratıcısı:',\n    'az': 'Flexbox Froggy\\'nin qurucusu:',\n    'it': 'Flexbox Froggy è stato creato da',\n    'ko': 'Flexbox Froggy는 다음에 의해 개발되었습니다',\n    'lt': 'Flexbox Froggy kūrėjas',\n    'vi': 'Flexbox Froggy được tạo ra bởi',\n    'pl': 'Flexbox Froggy jest wytworem',\n    'cs': 'Flexbox Froggy vytvořil',\n    'ja': 'Flexbox Froggy is created by',\n    'hu': 'A Flexbox Froggy-t készítette',\n    'eo': 'Flexbox Froggy far',\n    'sv': 'Flexbox Froggy skapades av',\n    'uk': 'Гру Flexbox Froggy створено',\n    'hi': 'Flexbox Froggy के निर्माणकर्ता ',\n    'gj': 'Flexbox Froggy ના નિર્માણકર્તા ',\n    'nl': 'Flexbox Froggy is gemaakt door',\n    'ta': 'Flexbox Froggy உருவாக்கியவர்',\n    'te': 'Flexbox Froggy చేసిన వారు',\n    'ml': 'Flexbox Froggy സൃഷ്ടിച്ചത്',\n    'el': 'Το Flexbox Froggy δημιουργήθηκε από',\n    'mk': 'Flexbox Froggy е создадено од',\n    'lv': 'Flexbox Froggy autori ir',\n    'id': 'Flexbox Froggy dibuat oleh',\n    'ar': 'تم انشاء فروغي فلكسبكس بواسطة',\n    'ca': 'Flexbox Froggy és una creació de',\n    'da': 'Flexbox Froggy er skabt af',\n    'et': 'Flexbox Froggy on looja on',\n    'fi': 'Flexbox Froggyn on tehnyt',\n    'gl': 'Flexbox Froggy creouno',\n    'th': 'Flexbox Froggy ถูกสร้างโดย',\n    'mn': 'Flexbox Froggy is created by',\n    'sk': 'Flexbox Froggy vytvoril',\n    'si': 'Flexbox මැඬියා නිර්මාණය කළේ',\n    'bn': 'Flexbox Froggy তৈরি করেছে',\n    'np': 'Flexbox Froggy को निर्माता',\n    'my': 'Flexbox Froggy ကို ဖန်တီးခဲ့သည်',\n    'yo': 'Àwọn tó dá ẹ̀dá Flexbox Froggy ní',\n    'no': 'Flexbox Froggy er laget av',\n  },\n  labelLevel: {\n    'en': 'Level',\n    'af': 'Vlak',\n    'he': 'שלב',\n    'ro': 'Nivelul',\n    'sr': 'Ниво',\n    'bs': 'Nivo',\n    'hr': 'Nivo',\n    'bg': 'Ниво',\n    'de': 'Level',\n    'fr': 'Niveau',\n    'pt-br': 'Nível',\n    'es': 'Nivel',\n    'ru': 'Уровень',\n    'fa': 'مرحله',\n    'zh-cn': 'Level',\n    'zh-tw': 'Level',\n    'tr': 'Seviye',\n    'az': 'Səviyyə',\n    'it': 'Livello',\n    'ko': '단계',\n    'lt': 'Lygis',\n    'vi': 'Cấp',\n    'pl': 'Poziom',\n    'cs': 'Úroveň',\n    'ja': 'Lv.',\n    'hu': 'Szint',\n    'eo': 'Nivelo',\n    'sv': 'Nivå',\n    'uk': 'Рівень',\n    'hi': 'स्तर',\n    'gj': 'સ્તર',\n    'nl': 'Niveau',\n    'ta': 'நிலை',\n    'te': 'ఘట్టం',\n    'ml': 'നില',\n    'el': 'Επίπεδο',\n    'mk': 'Ниво',\n    'lv': 'Līmenis',\n    'id': 'Tingkat',\n    'ar': 'المرحلة',\n    'ca': 'Nivell',\n    'da': 'Niveau',\n    'et': 'Tase',\n    'fi': 'Kenttä',\n    'gl': 'Nivel',\n    'th': 'เลเวล',\n    'mn': 'Үе',\n    'sk': 'Úroveň',\n    'si': 'අභ්‍යාසය',\n    'bn': 'লেভেল',\n    'np': 'स्तर',\n    'my': 'အဆင့်',\n    'yo': 'Ìpẹ̀lẹ̀',\n    'no': 'Nivå'\n  },\n  labelOf: {\n    'en': 'of',\n    'af': 'van',\n    'he': 'מתוך',\n    'ro': 'din',\n    'sr': 'од',\n    'bs': 'od',\n    'hr': 'od',\n    'bg': 'от',\n    'de': 'von',\n    'fr': 'de',\n    'pt-br': 'de',\n    'es': 'de',\n    'ru': 'из',\n    'fa': 'از',\n    'zh-cn': '/',\n    'zh-tw': '/',\n    'tr': '/',\n    'az': '/',\n    'it': 'di',\n    'ko': 'of',\n    'lt': 'iš',\n    'vi': 'của',\n    'pl': 'z',\n    'cs': 'z',\n    'ja': '/',\n    'hu': '/',\n    'eo': 'de',\n    'sv': 'av',\n    'uk': 'з',\n    'hi': '/',\n    'gj': '/',\n    'nl': 'van',\n    'ta': '/',\n    'te': '/',\n    'ml': '/',\n    'el': 'από',\n    'mk': 'од',\n    'lv': 'no',\n    'id': 'dari',\n    'ar': 'من',\n    'ca': 'de',\n    'da': 'af',\n    'et': '/',\n    'fi': '/',\n    'gl': 'de',\n    'th': '/',\n    'mn': '/',\n    'sk': 'z',\n    'si': '/',\n    'bn': '/',\n    'np': '/',\n    'my': '၏',\n    'yo': 'tí',\n    'no': 'av'\n  },\n  title: {\n    'en': 'Flexbox Froggy - A game for learning CSS flexbox',\n    'af': 'Flexbox Froggy - `n Spel vir die leer van CSS flexbox',\n    'he': 'Flexbox Froggy - משחק ללמידת CSS flexbox',\n    'ro': 'Flexbox Froggy - Un joc pentru a învăța CSS flexbox',\n    'sr': 'Flexbox Froggy - Игра за учење CSS flexbox-а',\n    'bs': 'Flexbox Froggy - Igra za učenje CSS flexbox-a',\n    'hr': 'Flexbox Froggy - Igra za učenje CSS flexboxa',\n    'bg': 'Flexbox Froggy - Игра за учене на CSS flexbox',\n    'de': 'Flexbox Froggy - Ein Spiel, um CSS flexbox zu lernen',\n    'fr': 'Flexbox Froggy - Un jeu pour apprendre les flexbox CSS',\n    'pt-br': 'Flexbox Froggy - Um jogo para aprender CSS flexbox',\n    'es': 'Flexbox Froggy - Un juego para aprender CSS flexbox',\n    'ru': 'Flexbox Froggy - игра для изучения CSS flexbox',\n    'fa': 'قورباغه فلکس باکس - یک بازی جذاب برای آموزش سی اس اس فلکس باکس',\n    'zh-cn': 'Flexbox Froggy - 一个用来学CSS flexbox的游戏',\n    'zh-tw': 'Flexbox Froggy - 一個用來學CSS flexbox的遊戲',\n    'tr': 'Flexbox Froggy - CSS flexbox için öğretici oyun',\n    'az': 'Flexbox Froggy - CSS flexbox üçün öyrədici oyun',\n    'it': 'Flexbox Froggy - Un gioco per imparare CSS flexbox',\n    'ko': 'Flexbox Froggy - CSS flexbox 속성 배우기 게임',\n    'lt': 'Flexbox Froggy - Žaidimas padėsiantis perprasti CSS \"flexbox\" metodiką',\n    'vi': 'Flexbox Froggy - Một trò chơi để học CSS flexbox',\n    'pl': 'Flexbox Froggy - Gra wprowadzająca do CSS flexbox\"',\n    'cs': 'Flexbox Froggy - CSS flexbox hrou',\n    'ja': 'Flexbox Froggy - CSS flexbox学習ゲーム',\n    'hu': 'Flexbox Froggy - Játékos CSS flexbox tanulás',\n    'eo': 'Flexbox Froggy - Ludo por lerni CSS flexbox-on',\n    'sv': 'Flexbox Froggy - Ett spel för att lära sig CSS flexbox',\n    'uk': 'Flexbox Froggy - гра для вивчення CSS flexbox',\n    'hi': 'Flexbox Froggy - CSS Flexbox सीखने के लिए एक खेल',\n    'gj': 'Flexbox Froggy - CSS Flexbox  શીખવા માટેની એક રમત',\n    'nl': 'Flexbox Froggy - Een spel om CSS flexbox te leren',\n    'ta': 'Flexbox Froggy - CSS flexbox கற்றல் விளையாட்டு',\n    'te': 'Flexbox Froggy - CSS Flexbox నేర్చుకోవడానికి ఒక ఆట',\n    'ml': 'Flexbox Froggy - CSS Flexbox പഠിക്കാം',\n    'el': 'Flexbox Froggy - Ένα παιχνίδι για την εκμάθηση του CSS Flexbox',\n    'mk': 'Flexbox Froggy - Игра за учење на CSS flexbox',\n    'lv': 'Flexbox Froggy - Spēle, kas Tev palīdzēs iemācīties CSS Flexbox',\n    'id': 'Flexbox Froggy - Sebuah permainan untuk belajar CSS flexbox',\n    'ar': 'فروغي فلكسبكس - لعبة لتعلم الفلكسبكس في CSS',\n    'ca': 'Flexbox Froggy - Un joc per aprendre CSS Flexbox',\n    'da': 'Flexbox Froggy - Et spil, der lærer dig CSS Flexbox',\n    'et': 'Flexbox Froggy - Mäng CSS flexbox\\'i õppimiseks',\n    'fi': 'Flexbox Froggy - Peli, jossa opit CSS flexbox -asettelun',\n    'gl': 'Flexbox Froggy - Un xogo para aprenderes CSS Flexbox',\n    'th': 'Flexbox Froggy - เกมสำหรับเรียนรู้ CSS Flexbox',\n    'mn': 'Flexbox Froggy - CSS flexbox-г сурах тоглоом',\n    'sk': 'Flexbox Froggy - Hra na učenie CSS flexbox',\n    'si': 'Flexbox මැඬියා - CSS flexbox ඉගෙනීමේ ක්‍රීඩාවක්',\n    'bn': 'Flexbox Froggy - CSS flexbox শেখার একটি গেইম',\n    'np': 'Flexbox Froggy - CSS Flexbox सिक्नको लागि एउटा खेल',\n    'my': 'Flexbox Froggy - CSS flexbox သင်ယူရန် ဂိမ်းတစ်ခု',\n    'yo': 'Flexbox Froggy - Eré tí ẹ̀yàń lè fi kọ́ ẹ̀kọ́ flexbox CSS',\n    'no': 'Flexbox Froggy - Et spill for å lære CSS flexbox'\n  },\n  labelReset: {\n    'en': 'Reset',\n    'af': 'Herstel',\n    'he': 'איפוס',\n    'ro': 'Resetează',\n    'sr': 'Ресет',\n    'bs': 'Restart',\n    'hr': 'Restart',\n    'bg': 'Анулиране',\n    'de': 'Zurücksetzen',\n    'fr': 'Réinitialiser',\n    'pt-br': 'Reinicializar',\n    'es': 'Reiniciar',\n    'ru': 'Сбросить',\n    'fa': 'شروع مجدد',\n    'zh-cn': '重置',\n    'zh-tw': '重置',\n    'tr': 'Baştan Başla',\n    'az': 'Yenidən Başla',\n    'it': 'Annulla',\n    'ko': '재시작',\n    'lt': 'Atstatyti',\n    'vi': 'Thiết lập lại',\n    'pl': 'Uruchom ponownie',\n    'cs': 'Nová hra',\n    'ja': 'リセット',\n    'hu': 'Újrakezd',\n    'eo': 'Rekomenci',\n    'sv': 'Återställ',\n    'uk': 'Скинути',\n    'hi': 'रीसेट',\n    'gj': 'રીસેટ',\n    'nl': 'Resetten',\n    'ta': 'மீளமை',\n    'te': 'రీసెట్',\n    'ml': 'പുനഃസജ്ജമാക്കുക',\n    'el': 'Επαναφορά',\n    'mk': 'Ресетирај',\n    'lv': 'Dzēst rezultātus',\n    'id': 'Atur Ulang',\n    'ar': 'اعادة',\n    'ca': 'Reiniciar',\n    'da': 'Nulstil',\n    'et': 'Lähtesta',\n    'fi': 'Aloita alusta',\n    'gl': 'Reiniciar',\n    'th': 'เริ่มใหม่',\n    'mn': 'Дахин эхлүүлэх',\n    'sk': 'Reštart',\n    'si': 'නැවත මුල සිට',\n    'bn': 'রিসেট',\n    'np': 'रीसेट',\n    'my': 'ပြန်လည်စတင်ရန်',\n    'yo': 'Tún sílẹ̀'\n    , 'no': 'Tilbakestill'\n  },\n  warningReset: {\n    'en': 'Are you sure you want to reset the game?\\n\\nYour saved progress will be lost and you\\'ll be sent to the start of the game.',\n    'af': 'Is jy seker jy wil die speletjie herstel?\\n\\nJy sal jou gestoorde vordering verloor en na die begin van die speletjie toe gestuur word.',\n    'he': 'האם לאפס את המשחק?\\n\\nההתקדמות שנשמרה תימחק והמשחק יתחיל מחדש.',\n    'ro': 'Ești sigur(ă) că vrei să resetezi jocul?\\n\\nProgresul tău va fi pierdut și vei fi trimis(ă) la începutul jocului.',\n    'sr': 'Да ли сте сигурни да желите да ресетујете игру?\\n\\nВаш сачувани прогрес ће бити изгубљен и бићете враћени на почетак игре.',\n    'bs': 'Da li ste sigurni da želite da resetujete igru?\\n\\nVaš sačuvani progres će biti izgubljen i bićete vraćeni na početak igre.',\n    'hr': 'Jeste li sigurni da želite resetirati igru?\\n\\nVaš sačuvani progres će biti izgubljen i bit ćete vraćeni na početak igre.',\n    'bg': 'Сигурни ли сте, че искате да анулирате играта?\\n\\nВашият резултат ще бъде загубен и ще бъдете препратени към началото на играта.',\n    'de': 'Bist du sicher, dass du das Spiel zurücksetzen möchtest?\\n\\nDein gespeicherter Fortschritt geht dabei verloren und du musst das Spiel von neuem starten.',\n    'fr': 'Êtes-vous certain de vouloir réinitialiser la partie?\\n\\nVotre progrès sauvegardé sera perdu et vous recommencerez au début du jeu.',\n    'pt-br': 'Você tem certeza que quer reinicializar o jogo?\\n\\nSeu progresso salvo será perdido e você voltará ao começo do jogo.',\n    'es': '¿Estás seguro de que quieres reiniciar el juego?\\n\\nTu progreso se perderá y serás enviado al inicio del juego.',\n    'ru': 'Вы действительно хотите сбросить игру?\\n\\nВаш прогресс будет потерян и вы вернетесь к началу игры.',\n    'fa': 'آیا از شروع مجدد بازی اطمینان دارید ?\\n\\nتمام مراحل ذخیره شده حذف خواهند شد.',\n    'zh-cn': '你确定要重置游戏吗?\\n\\n你保存了的进度将会丢失，而且你会回到游戏的最开始。',\n    'zh-tw': '你確定要重置遊戲嗎？\\n\\n你保存了的進度將會丟失，而且你會回到遊戲的最開始。',\n    'tr': 'Oyuna baştan başlamak istediğinize emin misiniz? Kayıtlı bütün ilerlemeniz silinecek ve birinci seviyeye geri döneceksiniz.',\n    'az': 'Oyuna yenidən başlamaq istədiyinizə əminsiniz? Qeyd edilən bütün addımlarınız silinəcək və birinci səviyyəyə geri dönəcəksiniz.',\n    'it': 'Sei sicuro di voler annullare la partita?\\n\\nI tuoi salvataggi verranno persi e dovrai ricominciare il gioco dall\\'inizio.',\n    'ko': '게임을 다시 시작하시겠습니까? 지금까지의 진도는 사라지고 게임의 처음으로 돌아갈 것입니다.',\n    'lt': 'Ar esate įsitikinę, kad norite atstatyti žaidimą į pradinę būseną?\\n\\nJūsų pasiekimai bus anuliuoti ir būsite nukreipti į žaidimo pradžią.',\n    'vi': 'Bạn có chắc chắn là bạn muốn thiết lập lại trò chơi không? Toàn bộ tiến trình của bạn sẽ bị mất và bạn sẽ được chuyển đến đầu của trò chơi.',\n    'pl': 'Na pewno chcesz uruchomić grę ponownie?\\n\\nUtracisz dotychczasowe postępy, a także powrócisz do początku gry.',\n    'cs': 'Opravdu chcete restartovat hru?\\n\\nSoučasný postup bude smazán, začnete znovu od prvního levelu.',\n    'ja': '本当にゲームをリセットしますか？\\n\\nここまで進めたゲームの情報は全て失われ、ゲームの最初へ移動します。',\n    'hu': 'Biztosan előlről akarod kezdeni a játékot?\\n\\nAz eddig elért eredményed elveszik és a játék elején fogod találni magad.',\n    'eo': 'Ĉu vi vere volas rekomenci la ludon?\\n\\nPerdiĝos via progresado kaj vi devos rekomenci al la komenco de la ludo.',\n    'sv': 'Är du säker på att du vill börja om?\\n\\nDin nivå kommer att återställas och du kommer att börja om från början.',\n    'uk': 'Ви насправді бажаєте скинути гру?\\n\\nВсі ваші надбання будуть втрачені й ви розпочнете з початку гри.',\n    'hi': 'आप खेल रीसेट करना चाहते हैं, क्या आप सुनिश्चित हैं?\\n\\nआपकी सुरक्षित प्रगति मिटा दी जाएगी एवं आप इस खेल की शुरुआत में भेज दिये जायेंगे।',\n    'gj': 'તમે રમતને રીસેટ કરવા માંગો છો , શું તમારો નિર્ણય દ્રઢ છે ?\\n\\n તમે રમતમાં મેળવેલ પ્રગતિ નષ્ટ થઇ જશે અને તમને રમતના પ્રારંભમાં મોકલાઈ દેવામાં આવશે. ',\n    'nl': 'Ben je zeker dat je het spel wilt resetten?\\n\\nJe vooruitgang zal verloren gaan en je zal helemaal opnieuw moeten beginnen.',\n    'ta': 'நீங்கள் விளையாட்டு மீட்டமைக்க உறுதியாக இருக்கிறீர்களா?\\n\\nநீங்கள் சேமித்த முன்னேற்றம் இழக்கப்படும் மேலும் நீங்கள் விளையாட்டின் தொடக்கத்திற்க்கு அனுப்பி வைக்கப்படுவீர்.',\n    'te': 'మీరు ఆటను రీసెట్ చేయాలనుకుంటున్నారా? \\n\\n మీ కూడబెట్టుకున్న పురోగతి పోతుంది మరియు మీరు ఆట ప్రారంభానికి పంపబడతారు. ',\n    'ml': 'ഗെയിം പുനഃസജ്ജമാക്കണമെന്ന് നിങ്ങൾക്ക് തീർച്ചയാണോ?\\n\\nനിങ്ങളുടെ സംരക്ഷിത പുരോഗതി നഷ്ടപ്പെടുകയും നിങ്ങൾ ആദ്യം മുതൽ ആരംഭിക്കേണ്ടി വരും ',\n    'el': 'Είστε σίγουροι ότι θέλετε να επαναφέρετε το παιχνίδι;\\n\\nΗ αποθηκευμένη σας πρόοδος θα χαθεί και θα βρεθείτε στην αρχή του παιχνιδιού.',\n    'mk': 'Дали сте сигурни дека сакате да ја ресетирате играта?\\n\\nВашиот зачуван прогрес ќе биде загубен и ќе бидете пратени на почетокот на играта',\n    'lv': 'Vai tiešām vēlies dzēst spēles rezultātus?\\n\\nTevis saglabātais rezultāts tiks dzēsts un Tu tiksi atgriezts uz spēles pirmo līmeni.',\n    'id': 'Apakah Anda yakin ingin mengatur ulang game?\\n\\n Proses Anda yang tersimpan akan hilang dan Anda akan dikirim ke awal game.',\n    'ar': 'هل انت متأكد من إعادة اللعبة؟ \\n\\n ستفقد تقدمك وسيعاد توجيهك الى بداية اللعبة',\n    'ca': 'Estàs segur que vols reiniciar el joc?\\n\\nEl teu progrès es perdrà i tornaràs a l\\'inici del joc',\n    'da': 'Er du sikker på at du vil nulstille spillet?\\n\\nDine fremskridt vil gå tabt, og du bliver sendt tilbage til starten af spillet.',\n    'et': 'Oled sa kindel, et sa tahad mängu lähtestada?\\n\\nSinu salvestatud progress kustutatakse ja sind saadetakse mängu algusesse.',\n    'fi': 'Haluatko varmasti aloittaa pelin alusta?\\n\\nTallennettu edistyminen menetetään, ja palaat ensimmäiseen kenttään.',\n    'gl': 'Seguro que queres reiniciar a partida?\\n\\nPerderás todo o que leves feito e terás que comezar o xogo desde o principio.',\n    'th': 'คุณแน่ใจหรือไม่ว่าต้องการเริ่มเกมใหม่?\\n\\nความคืบหน้าที่เก็บไว้ของคุณจะหายไป และคุณจะกลับไปเริ่มเกมใหม่',\n    'mn': 'Та тоглоомыг дахин эхлүүлэхдээ итгэлтэй байна уу?\\n\\nТаны хадгалсан ахиц дэвшил алдагдаж, тоглоомын эхлэл рүү очих болно.',\n    'sk': 'Určite chcete resetovať hru?\\n\\nVáš uložený postup sa stratí a budete poslaní na začiatok hry.',\n    'si': 'ඔබට ක්‍රීඩාව නැවත මුල සිට කිරීමට අවශ්‍ය බව විශ්වාසද?\\n\\nඔබගේ සුරැකි ප්‍රගතිය නැති වී ඔබව ක්‍රීඩාවේ ආරම්භයට යවනු ඇත.',\n    'bn': 'আপনি কি নিশ্চিত গেইমটি রিসেট করার ব্যপারে?\\n\\nআপনার সেইভ করা অংশ হারিয়ে যাবে এবং আপনাকে গেইমের একদম শুরুতে পাঠানো হবে।',\n    'np': 'के तपाईं पक्का हुनुहुन्छ कि तपाईं खेल रिसेट गर्न चाहनुहुन्छ?\\n\\nतपाईंको बचत गरिएको प्रगति हराउनेछ र तपाईंलाई खेलको सुरुआतमा पठाइनेछ।',\n    'my': 'သင်ဂိမ်းကို ပြန်လည်စတင်လိုပါသလား?\\n\\nသင့်အဆင့်မြှင့်တင်မှုများ ပျောက်ကွယ်သွားပြီး ဂိမ်းအစမှာ ပြန်လည်စတင်ရမည်။',\n    'yo': 'Ṣé o dájú pé o fẹ́ tún ìṣeré náà ṣe?\\n\\nGbogbo ìtẹ̀sí ìṣeré rẹ̀ tí a fipamọ́ yóò sọnù, a ó sì rán ọ lọ sí ìbẹ̀rẹ̀ ìṣeré.',\n    'no': 'Er du sikker på at du vil tilbakestille spillet?\\n\\nDin lagrede fremgang vil gå tapt og du blir sendt til starten av spillet.'\n  },\n  gridGarden: {\n    'en': 'Want to learn more CSS? Play',\n    'af': 'Wil jy CSS grid leer? Speel',\n    'gj': 'શું તમે CSS Grid શીખવા ઈચ્છો છો ? ચાલો રમવા..!',\n    'he': 'רוצה ללמוד CSS grid? שחק',\n    'bs': 'Želiš naučiti CSS grid? Igraj',\n    'hr': 'Želiš li naučiti CSS grid? Igraj',\n    'ro': 'Vrei să înveți CSS grid? Joacă',\n    'de': 'Möchtest du CSS grid lernen? Spiele',\n    'fr': 'Vous voulez apprendre CSS Grid ? Jouez à',\n    'pt-br': 'Quer aprender CSS grid? Jogue',\n    'ru': 'Хотите изучить CSS grid? Сыграйте в',\n    'nl': 'Wil je CSS grid leren? Speel',\n    'ta': 'CSS Grid கற்றுக்கொள்ள விரும்புகிறீர்களா? விளையாடுவோம்',\n    'ml': 'CSS Grid പഠിക്കാനോ? കളിക്കു ',\n    'el': 'Θέλετε να μάθετε CSS Grid; Παίξτε',\n    'mk': 'Сакате да научите CSS grid? Играјте',\n    'lv': 'Gribi apgūt CSS grid? Spēlē ',\n    'it': 'Vuoi imparare CSS grid? Gioca a',\n    'pl': 'Chcesz nauczyć się CSS Grid? Zagraj w',\n    'id': 'Ingin mempelajari CSS grid? Main',\n    'ar': 'تريد تعلم الجريد في CSS? العب',\n    'ca': 'Vols aprendre CSS grid? Jugar',\n    'da': 'Vil du lære CSS grid? Spil',\n    'et': 'Kas sa tahad õppida CSS grid\\'i? Mängi',\n    'fi': 'Haluatko oppia CSS grid -asettelun? Kokeile peliä',\n    'tr': 'CSS grid öğrenmek ister misiniz? Oyna',\n    'az': 'CSS grid öyrənmək istəyirsiniz? Oyna',\n    'gl': 'Tamén queres aprender CSS grid? Proba o',\n    'uk': 'Хочеш вивчити CSS grid? Грай',\n    'th': 'อยากเรียนรู้ CSS grid? เล่น',\n    'mn': 'CSS grid-г сурмаар байна уу? Тоглох',\n    'sk': 'Chcete sa naučiť mriežku CSS? Zahrajte si',\n    'si': 'CSS grid ඉගෙන ගැනීමට අවශ්‍යද? මෙතනින් යන්න',\n    'bn': 'CSS grid শিখতে চান?তাহলে খেলুন',\n    'np': 'अझ बढी CSS सिक्न चाहनुहुन्छ? खेल्नुहोस्',\n    'my': 'CSS Grid ပိုမိုသိရှိလိုပါသလား? ကစားပါ',\n    'yo': 'Ṣé o fẹ́ láti ní ìmọ̀ síwaju CSS? Ṣeré',\n    'no': 'Vil du lære CSS grid? Spill'\n  },\n  labelLanguage: {\n    'en': 'Language',\n    'af': 'Taal',\n    'gj': 'ભાષા',\n    'he': 'שפה',\n    'bs': 'Jezik',\n    'hr': 'Jezik',\n    'de': 'Sprache',\n    'fr': 'Langue',\n    'pt-br': 'Idioma',\n    'es': 'Lengua',\n    'ru': 'Язык',\n    'lv': 'Valoda',\n    'it': 'Lingua',\n    'pl': 'Język',\n    'id': 'Bahasa',\n    'ar': 'اللغة',\n    'ca': 'Idioma',\n    'te': 'భాష',\n    'da': 'Sprog',\n    'et': 'Keel',\n    'fi': 'Kieli',\n    'tr': 'Dil',\n    'az': 'Dil',\n    'gl': 'Idioma',\n    'uk': 'Мова',\n    'th': 'ภาษา',\n    'mn': 'Хэл',\n    'sk': 'Jazyk',\n    'bn': 'ভাষা',\n    'np': 'भाषा',\n    'my': 'ဘာသာစကား',\n    'yo': 'Èdè',\n    'no': 'Språk'\n  },\n  labelSettings: {\n    'en': 'Settings',\n    'af': 'Instellings',\n    'he': 'הגדרות',\n    'bs': 'Postavke',\n    'hr': 'Postavke',\n    'de': 'Einstellungen',\n    'fr': 'Paramètres',\n    'lv': 'Iestatījumi',\n    'it': 'Impostazioni',\n    'pl': 'Ustawienia',\n    'pt-br': 'Configurações',\n    'ru': 'Настройки',\n    'id': 'Pengaturan',\n    'ar': 'الاعدادات',\n    'ca': 'Paràmetres',\n    'te': 'సెట్టింగులు',\n    'da': 'Indstillinger',\n    'et': 'Seaded',\n    'fi': 'Asetukset',\n    'tr': 'Ayarlar',\n    'az': 'Parametrlər',\n    'gl': 'Axustes',\n    'uk': 'Налаштування',\n    'th': 'การตั้งค่า',\n    'mn': 'Тохиргоо',\n    'sk': 'Nastavenia',\n    'bn': 'সেটিংস',\n    'np': 'सेटिङ',\n    'my': 'ဆက်တင်များ',\n    'yo': 'Ètò',\n    'no': 'Innstillinger'\n  },\n  labelDifficulty: {\n    'en': 'Difficulty',\n    'af': 'Moeilikheid',\n    'gj': 'મુશ્કેલી',\n    'he': 'רמת קושי',\n    'bs': 'Težina',\n    'hr': 'Težina',\n    'de': 'Schwierigkeitsgrad',\n    'fr': 'Difficulté',\n    'lv': 'Grūtības pakāpe',\n    'it': 'Difficoltà',\n    'pl': 'Poziom trudności',\n    'pt-br': 'Dificuldade',\n    'ru': 'Сложность',\n    'id': 'Tingkat Kesulitan',\n    'ar': 'المستوى',\n    'ca': 'Dificultat',\n    'te': 'స్థాయి',\n    'da': 'Sværhedsgrad',\n    'et': 'Raskustase',\n    'fi': 'Vaikeustaso',\n    'tr': 'Zorluk',\n    'az': 'Çətinlik',\n    'gl': 'Dificultade',\n    'uk': 'Складність',\n    'th': 'ความยาก',\n    'mn': 'Хүндрэл',\n    'sk': 'Obtiažnosť',\n    'bn': 'কঠিনতা',\n    'np': 'कठिनाई',\n    'my': 'အဆင့်',\n    'yo': 'Ìṣòro',\n    'no': 'Vanskelighetsgrad'\n  },\n  labelColorblind: {\n    'en': 'Colorblind Mode',\n    'af': 'Kleurblind mode',\n    'he': 'מצב לעיוורי צבעים',\n    'bs': 'Postavke za slijepe',\n    'hr': 'Postavke za slijepe',\n    'de': 'Farbenblind-Modus',\n    'fr': 'Mode Daltonien',\n    'lv': 'Krāsu akluma režīms',\n    'it': 'Modalità daltonici',\n    'pl': 'Tryb dla daltonistów',\n    'pt-br': 'Modo daltônico',\n    'ru': 'Режим для дальтоников',\n    'id': 'Mode Buta Warna',\n    'ar': 'وضعية عمى الالوان',\n    'ca': 'Mode per daltònics',\n    'da': 'Indstilling til farveblinde',\n    'et': 'Värvipimeduse režiim',\n    'fi': 'Värien erottelun avustin',\n    'tr': 'Renk körlüğü modu',\n    'az': 'Rəng korluğu rejimi',\n    'gl': 'Modo daltónico',\n    'uk': 'Режим для дальтоніків',\n    'th': 'โหมดตาบอดสี',\n    'mn': 'Colorblind Mode',\n    'sk': 'Režim pre farboslepých',\n    'bn': 'কালারব্লাইন্ড মোড',\n    'np': 'रङ्ग अन्धता मोड',\n    'my': 'အရောင်မှောင်မိုက်မှု မုဒ်',\n    'yo': 'Ìpo fún àwọn tí kò rí àwọ̀ dáadáa',\n    'no': 'Fargeblind-modus'\n  },\n  labelColorblindOff: {\n    'en': 'Off',\n    'af': 'Af',\n    'he': 'כבוי',\n    'bs': 'Deaktivirano',\n    'hr': 'Deaktivirano',\n    'de': 'Aus',\n    'fr': 'Désactivé',\n    'lv': 'Izslēgts',\n    'pl': 'Wyłączony',\n    'pt-br': 'Desligado',\n    'ru': 'Выключен',\n    'id': 'Matikan',\n    'ar': 'ايقاف',\n    'ca': 'Desactivat',\n    'da': 'Fra',\n    'et': 'Väljas',\n    'fi': 'Poissa käytöstä',\n    'tr': 'Kapalı',\n    'az': 'Bağlı',\n    'gl': 'Non',\n    'uk': 'Вимкнено',\n    'th': 'ปิด',\n    'mn': 'Унтраах',\n    'sk': 'Vypnutie',\n    'bn': 'বন্ধ',\n    'np': 'बन्द',\n    'my': 'ပိတ်ထားသည်',\n    'yo': 'Paà',\n    'no': 'Av'\n  },\n  labelColorblindOn: {\n    'en': 'On',\n    'af': 'Aan',\n    'he': 'דלוק',\n    'bs': 'Aktivirano',\n    'hr': 'Aktivirano',\n    'de': 'An',\n    'fr': 'Activé',\n    'lv': 'Ieslēgts',\n    'pl': 'Włączony',\n    'pt-br': 'Ligado',\n    'ru': 'Включён',\n    'id': 'Aktifkan',\n    'ar': 'تشغيل',\n    'ca': 'Activat',\n    'da': 'Til',\n    'et': 'Sees',\n    'fi': 'Käytössä',\n    'tr': 'Açık',\n    'az': 'Açıq',\n    'gl': 'Si',\n    'uk': 'Увімкнено',\n    'th': 'เปิด',\n    'mn': 'Асаах',\n    'sk': 'Zapnutie',\n    'bn': 'চালু',\n    'np': 'चालु',\n    'my': 'ဖွင့်ထားသည်',\n    'yo': 'Tán',\n    'no': 'På'\n  },\n  labelDifficultyEasy: {\n    'en': 'Beginner',\n    'af': 'Beginner',\n    'gj': 'સરળ',\n    'he': 'קל',\n    'bs': 'Početnik',\n    'hr': 'Početnik',\n    'de': 'Anfänger',\n    'fr': 'Débutant',\n    'lv': 'Viegls',\n    'it': 'Principiante',\n    'pl': 'Łatwy',\n    'pt-br': 'Iniciante',\n    'ru': 'Новичок',\n    'id': 'pemula',\n    'ar': 'مبتدئ',\n    'ca': 'Principiant',\n    'te': 'బిగినర్',\n    'da': 'Begynder',\n    'et': 'Algaja',\n    'fi': 'Helppo',\n    'tr': 'Acemi',\n    'az': 'Başlanğıc',\n    'gl': 'Novato',\n    'uk': 'Початківець',\n    'th': 'มือใหม่',\n    'mn': 'Амархан',\n    'sk': 'Začiatočník',\n    'bn': 'বিগিনার',\n    'np': 'सुरुआतकर्ता',\n    'my': 'စတင်သူ',\n    'yo': 'Alákọ̀bẹrẹ',\n    'no': 'Nybegynner'\n  },\n  labelDifficultyMedium: {\n    'en': 'Intermediate - No Directions',\n    'af': 'Intermediêre - Geen aanwysings',\n    'gj': 'મધ્યમ - કોઈ દિશા વિના',\n    'he': 'בינוני - בלי בכוונה',\n    'bs': 'Srednji nivo - Bez pomaganja',\n    'hr': 'Srednji nivo - Bez pomaganja',\n    'de': 'Erfahren - Keine Hinweise',\n    'fr': 'Intermédiaire - Pas d\\'indications',\n    'lv': 'Vidēji grūts - Bez norādēm',\n    'it': 'Intermedio - Nessuna istruzione',\n    'pl': 'Średni - Brak wskazówek',\n    'pt-br': 'Intermediário - Sem instruções',\n    'ru': 'Средняя — без подсказок',\n    'id': 'Medium- tidak ada arahan',\n    'ar': 'متوسط - بلا توجيهات',\n    'ca': 'Intermig - Sense Indicacions',\n    'te': 'ఇంటర్మీడియట్ - సహాయం ఉండదు',\n    'da': 'Øvet - ingen hjælp',\n    'et': 'Keskmine tase - puuduvad juhised',\n    'fi': 'Keskitaso – ei ohjeita',\n    'tr': 'Orta Düzey - Yol Tarifi Yok',\n    'az': 'Orta Səviyyə - İstiqamətlər Yoxdur',\n    'gl': 'Intermedio: Sen pistas',\n    'uk': 'Середній - Без підказок',\n    'th': 'ระดับกลาง - ไม่มีคำใบ้',\n    'mn': 'Дунд - No Directions',\n    'sk': 'Stredne pokročilý - bez pokynov',\n    'bn': 'মাঝারি স্তর - কোন দিক নির্দেশনা নেই',\n    'np': 'मध्यम स्तर - कुनै निर्देशन छैन',\n    'my': 'အလယ်အလတ် - လမ်းညွှန်ချက်မရှိ',\n    'yo': 'Agbédẹ́méjì - Kò sí àwọn ìtọnísọ́na',\n    'no': 'Middels - Ingen hint'\n  },\n  labelDifficultyHard: {\n    'en': 'Expert - No Directions & Random Levels',\n    'af': 'Kenner - Geen direksies & willekeurige vlakke',\n    'gj': 'મુશ્કેલ - કોઈ દિશા વિના અને રેન્ડમ',\n    'he': 'קשה - בלי הכוונה ובשלבים רנדומלים',\n    'bs': 'Expert - Bez pomoći i nasumični nivoi',\n    'hr': 'Expert - Bez pomoći i nasumični nivoi',\n    'de': 'Experte - Keine Hinweise & zufällige Level',\n    'fr': 'Expert - Pas d\\'indications & Niveaux mélangés',\n    'lv': 'Ļoti grūts - Bez norādēm un līmeņi jauktā secībā',\n    'it': 'Esperto - Nessuna istruzione e livelli in ordine casuale',\n    'pl': 'Trudny - Brak wskazówek i losowe poziomy',\n    'pt-br': 'Experiente - Sem instruções e níveis aleatórios',\n    'ru': 'Эксперт — без подсказок и случайные уровни',\n    'id': 'Ahli - Tidak ada arahan & Tingkat permainan Acak',\n    'ar': 'متقدم - بلا توجيهات وبمراحل عشوائية',\n    'ca': 'Expert - Sense indicacions i Nivells aleatòris',\n    'te': 'నిపుణుడు - సహాయం లేదు మరియు భిన్నమైన గట్టలు వస్తుంది',\n    'da': 'Ekspert - ingen hjælp og tilfældige niveauer',\n    'et': 'Ekspert - puuduvad juhised ja tasemed on juhuslikud',\n    'fi': 'Vaikea – ei ohjeita, kentät sattumanvaraisessa järjestyksessä',\n    'tr': 'Uzman - Yol Tarifi Yok & Rastgele Seviyeler',\n    'az': 'Ekspert - İstiqamətlər Yoxdur və Təsadüfi Səviyyələr Var ',\n    'gl': 'Experto - Sen pistas e con niveis aleatorios',\n    'uk': 'Експерт - Без підказок та випадкові рівні',\n    'th': 'เชี่ยวชาญ - ไม่มีคำใบ้ & สุ่มเลเวล',\n    'mn': 'Хэцүү - No Directions & Дурын үеүүд',\n    'sk': 'Expert - žiadne pokyny a náhodné úrovne',\n    'bn': 'অভিজ্ঞ - কোন দিক নির্দেশনা নেই এবং স্তর গুলো হবে এলোমেলো',\n    'np': 'विशेषज्ञ - कुनै निर्देशन छैन र यादृच्छिक स्तरहरू',\n    'my': 'ကျွမ်းကျင်သူ - လမ်းညွှန်ချက်မရှိ & အဆင့်များကို ရွေးချယ်ထားသည်',\n    'yo': 'Onímọ̀ràn - Kò sí ìtọ́sọ́nà & ìpẹ̀lẹ̀ laílẹ́tò',\n    'no': 'Ekspert - Ingen hint & Tilfeldige nivåer'\n  }\n};\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"flexboxfroggy\",\n  \"version\": \"1.0.0\",\n  \"description\": \"A game for learning CSS flexbox\",\n  \"main\": \"game.js\",\n  \"dependencies\": {\n    \"animate.css\": \"^3.4.0\",\n    \"jquery\": \"^3.5.1\"\n  },\n  \"devDependencies\": {},\n  \"author\": \"Thomas Park\",\n  \"license\": \"MIT\"\n}\n"
  }
]