Suki im Garten

Eigener WYSIWYG-Block

This is an example SECTION.

It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:

Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin‘ caught in the rain.)

…or something like this:The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!


                <section>
  <div class="container ">
    <p>hier bin ich :)</p>
  </div>
</section>            
Codeblock mit Caption

Clamp Viewport-Rechner

Mit diesem Tool kannst du ganz einfach dynamische CSS-Werte per clamp()-Funktion berechnen.

Statt Media Queries definierst du einen min- und max-Wert sowie die zugehörigen Viewportgrößen – der Rechner erstellt dir daraus eine smarte CSS-Zeile, die sich automatisch an die Bildschirmbreite anpasst.

Ideal für:

  • Schriftgrößen (in rem)
  • Abstände wie Padding, Margin oder Gap (in px)

🔧 Einmal berechnet – überall einsetzbar.

So wird dein CSS cleaner, responsiver und zukunftssicher – ohne Breakpoint-Wildwuchs.

Im Theme wird mit REM statt Pixel gearbeitet. Aus diesem Grund wird die Ausgabe der Font-Size in REM erledigt.

Bei Gap, Padding und Margin wird mit PX gearbeitet um die Min-/Max-Werte pixelgenau darstellen zu können.

Bitte Werte eingeben…