Untitled

<section class="py-8 sm:py-5">
  <div class="container">
    <div class="flex justify-center">
      <div class="font-sb text-30 text-center mb-9 mx-35 align-center leading-38 sm:leading-28 sm:mb-4 sm:mx-7.5 sm:text-22 md:mx-21">
        This is beginning of our first self training task and we'll stop at nothing but ultimate success
      </div>
    </div>
    <div class="flex flex-row sm:flex-col">
      <div class="w-3/5 pr-6 sm:w-full">
        <div class="flex items-start mb-5 sm:mb-1.25">
          <span style="background-image: url('/assets/images/icons/file-round-icon.svg');"
            class="shrink-0 inline-block bg-no-repeat bg-contain w-7.5 h-6.5 mr-5 mt-0.5 sm:mr-2.5">
          </span>
          <div>
            <p class="mb-1 font-sb leading-18 text-base sm:mb-0">
              Learn html and css
            </p>
            <p class="text-base text-ruby-alpha/80 sm:text-sm">
              This will help us to design and integrate our html pages with ease
            </p>
          </div>
        </div>
        <div class="flex items-start mb-5 sm:mb-1.25">
          <span style="background-image: url('/assets/images/icons/file-round-icon.svg');"
            class="shrink-0 inline-block bg-no-repeat bg-contain w-7.5 h-6.5 mr-5 mt-0.5 sm:mr-2.5">
          </span>
          <div>
            <p class="mb-1 font-sb leading-18 text-base sm:mb-0">
              Learn angular/react
            </p>
            <p class="text-base text-ruby-alpha/80 sm:text-sm">
              This will help us in making single page application and route our html pages
            </p>
          </div>
        </div>
        <div class="flex items-start mb-5 sm:mb-1.25">
          <span style="background-image: url('/assets/images/icons/file-round-icon.svg');"
            class="shrink-0 inline-block bg-no-repeat bg-contain w-7.5 h-6.5 mr-5 mt-0.5 sm:mr-2.5">
          </span>
          <div>
            <p class="mb-1 font-sb leading-18 text-base sm:mb-0">
              Learn sql
            </p>
            <p class="text-base text-ruby-alpha/80 sm:text-sm">
              This will help us in keeping everything in records and using the data for workflow
            </p>
          </div>
        </div>
        <div class="flex items-start mb-5 sm:mb-1.25">
          <span style="background-image: url('/assets/images/icons/file-round-icon.svg');"
            class="shrink-0 inline-block bg-no-repeat bg-contain w-7.5 h-6.5 mr-5 mt-0.5 sm:mr-2.5">
          </span>
          <div>
            <p class="mb-1 font-sb leading-18 text-base sm:mb-0">
              Learn teamwork
            </p>
            <p class="text-base text-ruby-alpha/80 sm:text-sm">
              Needless to say, this will bring us to our final destination
            </p>
          </div>
        </div>
      </div>
      <div class="w-2/5 sm:w- bg-ruby-delta min-h-[312px] min-w-[370px] sm:min-h-252[px] sm:min-w-[353px]">
        
      </div>
    </div> 
  </div>
</section>