<template>
  <div class="container mx-auto">
    <div class="grid grid-cols-1 sm:grid-cols-2 items-center">
      <div class="px-6">
        <h1 class="text-black font-semibold leading-tight text-4xl md:text-5xl my-5">
          Welcome To My Blog Site
        </h1>
        <p>
          Get Web Development, Javascript, Typescript, NodeJs, Vue and Nuxt, Related Articles, Tips,
          Learning resource and more.
        </p>
      </div>
      <div class="px-6 justify-self-center">
        <LogoDog />
      </div>
    </div>
  </div>
</template>
