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>