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