Henrik Aronsson

<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex items-center justify-center">
  <div class="bg-white shadow-lg rounded-lg p-8 max-w-md w-full">
    <h1 class="text-2xl font-bold mb-6 text-center">Kalender - Oktober 2023</h1>
    <div class="grid grid-cols-7 gap-4 text-center">
      <div class="font-bold">Mån</div>
      <div class="font-bold">Tis</div>
      <div class="font-bold">Ons</div>
      <div class="font-bold">Tor</div>
      <div class="font-bold">Fre</div>
      <div class="font-bold">Lör</div>
      <div class="font-bold">Sön</div>
      
      <div class="text-gray-400">1</div>
      <div class="text-gray-400">2</div>
      <div class="text-gray-400">3</div>
      <div class="text-gray-400">4</div>
      <div class="text-gray-400">5</div>
      <div class="text-gray-400">6</div>
      <div class="text-gray-400">7</div>
      
      <div class="text-gray-400">8</div>
      <div class="text-gray-400">9</div>
      <div class="text-gray-400">10</div>
      <div class="text-gray-400">11</div>
      <div class="text-gray-400">12</div>
      <div class="text-gray-400">13</div>
      <div class="text-gray-400">14</div>
      
      <div class="bg-red-500 text-white rounded-full">15</div>
      <div class="text-black">16</div>
      <div class="text-black">17</div>
      <div class="text-black">18</div>
      <div class="text-black">19</div>
      <div class="text-black">20</div>
      <div class="text-black">21</div>
      
      <div class="text-black">22</div>
      <div class="text-black">23</div>
      <div class="text-black">24</div>
      <div class="text-black">25</div>
      <div class="text-black">26</div>
      <div class="text-black">27</div>
      <div class="text-black">28</div>
      
      <div class="text-black">29</div>
      <div class="text-black">30</div>
      <div class="text-black">31</div>
    </div>
  </div>
</body>