---
title: "tailwind post template"
description: "Today I am playing around with tailwind, flexing the css muscle and learning how to build new and different layouts with it."
date: 2024-06-08
published: true
tags:
  - dev
  - webdev
template: til
---


Today I am playing around with tailwind, flexing the css muscle and learning
how to build new and different layouts with it.

I created a new post template that mimics a terminal look in css where I could
inject the post title, description, and other frontmatter elements.

<iframe src='/playground/tailwind-post-template' width='100%' height='800px' class='overflow-hidden' scrolling='no'/>

I think this is a pretty cool layout, I could make a
[carbon.now.sh](https://carbon.now.sh){.hoverlink} clone or more realistically I could
make it into a template for blog pages and this could become og images.

{.mx-auto .block .w-fit .mb-0}
Check out this post

{.mx-auto .block .w-fit .mt-0}
<a href="/still-loving-tailwind/" class="wikilink" data-title="Still Loving Tailwind" data-description="I&#39;ve been using tailwind for a few months now and I can still say I&#39;m loving it. I&#39;ve been using it to create some rapid prototypes that may or may not ever..." data-date="2023-11-30">Still Loving Tailwind</a>