<template>
    <section class="container mx-auto">
            <div class="flex justify-center pt-2 pb-2 m-5 overflow-x-auto">
          <div class="ml-12 mr-9 pl-9 pr-9 md:hidden"> &nbsp;</div>
          <div class="ml-9 mr-9 pl-9 pr-9 md:hidden"> &nbsp;</div>
          <div class="ml-9 mr-9 pl-9 pr-9 md:hidden"> &nbsp;</div>
          <div class="ml-9 mr-9 pl-9 pr-9 md:hidden"> &nbsp;</div>
          <div class="ml-9 mr-9   md:hidden"> &nbsp;</div>
          <a href="/blog/?category=classroom-solution"    class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 border-r-0"> Classroom Solution </a >
          <a  href="/blog/?category=preschool-solution"   class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 border-r-0"> Preschool Solution </a>
          <a  href="/blog/?category=technology"           class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 border-r-0"> Technology </a>
          <a  href="/blog/?category=curriculum"           class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 border-r-0"> Curriculum </a>
          <a  href="/blog/?category=marketting"           class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 border-r-0"> Marketing </a>
          <a  href="/blog/?category=lesson-plans"         class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 border-r-0"> Lesson Plans </a>
          <a  href="/blog/?category=video-articles"       class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 border-r-0"> Video Articles </a>
          <a  href="/blog/?category=occassion"            class="h-12 flex-none p-3 text-blue-700 hover:text-white hover:bg-blue-700 border-2 border-blue-700 "> Occassion </a>
      </div>
        </section>
</template>