1  <?php
 2  get_header();
 3  
 4  while (have_posts()) {
 5      the_post(); ?>
 6  
 7      <main class="w-full pb-16">
 8          <div class="md:hidden mx-auto max-w-7xl">
 9              <img class="w-full h-96 object-cover" src="<?php echo get_the_post_thumbnail_url(); ?>">
10              <div class="w-full p-4 bg-green-600 overflow-hidden">
11                  <h2 class="line-clamp-2 text-2xl font-semibold"><?php the_title(); ?></h2>
12                  <p class="line-clamp-1 pt-2">von <?php echo get_field(
13                      "author"
14                  ); ?></p>
15              </div>
16              <div class="p-4"><?php the_content(); ?></div>
17          </div>
18  
19          <div class="hidden md:block px-4 w-full mx-auto max-w-7xl pt-20">
20              <img width="200" class=" float-left pb-5 pr-5" src="<?php echo get_the_post_thumbnail_url(); ?>">
21                  <h1 style=" font-family: 'DellaRespira' ;" class="text-5xl font-semibold pb-4"><?php the_title(); ?></h1>
22                  <div><?php echo get_field("author"); ?></div>
23                  <div class="mt-4"><?php the_content(); ?></div>
24          </div>
25      </main>
26  
27  <?php
28  }
29  get_footer();
30  ?>