> ## Content Index
> Fetch the complete content index at: https://tailwindweekly.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Tailwind Weekly #153: aspect-ratio, text-balance, and attribute selectors, oh my!
- URL: https://tailwindweekly.com/issue-153/
- Published: 2024-04-20T00:00:00.000Z
- Updated: 2025-09-01T07:01:44.000Z
- Author: Vivian Guillen
- Tags: #Import 2025-09-20 20:01

Hello folks!

No news to report this week. Adam is on [vacation](https://x.com/adamwathan/status/1780025207639384424?ref=tailwindweekly.ongloat.com) and the rest of the Tailwind Labs team is working on [Catalyst stuff](https://x.com/reinink/status/1780012467390763017?ref=tailwindweekly.ongloat.com). It's a well-deserved break!

Let's dive in!

## **📚 Learning**

![](https://tailwindweekly.com/content/images/image-145.jpeg)

****[Things That Can Break aspect-ratio in CSS](https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/?ref=tailwindweekly.com)**

This one is short and sweet. It outlines 3 ways that break the aspect-ratio CSS property. I found #1 interesting, I had never encountered that one before, so I learned something new!

### **[When to use CSS text-wrap: balance; vs text-wrap: pretty;](https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/?ref=tailwindweekly.com)**

The TL;DR is "*use text-wrap: balance; on headings and subheadings. And use text-wrap: pretty; on paragraphs of text to get rid of orphans on the last line.*". Still, I highly recommend you check the article; it goes over good reasons why you should follow this rule of thumb.

### **[Styling External Links with Attribute Selectors](https://css-irl.info/styling-external-links-with-attribute-selectors/?ref=tailwindweekly.com)**

Attribute selectors are like this a\[href='/'\] (the brackets) and they're pretty handy for custom stuff. This guide's specific use case is also very useful for when you want a CSS-only approach, and it's great for accessibility, too.

## **💅 Showcase**

![](https://tailwindweekly.com/content/images/image-146.jpeg)

****[Versoly](https://versoly.com/?ref=tailwindweekly.com)**

Versoly is a page builder built with Tailwind CSS that has been in the community for a few years now, and I want to revisit their updated homepage design. With its soft blue hues and minimalist design, it's very different from your typical flashy site builder website and I think that's what makes it shine.

## **🎁 Resource**

![](https://tailwindweekly.com/content/images/image-147.jpeg)

****[Tailwind Colors](https://tailscan.com/colors?ref=tailwindweekly.com)**

The creator of [Tailscan](https://tailscan.com/?ref=tailwindweekly.ongloat.com), a Chrome extension for Tailwind devs, created this resource for the Tailwind community. It's a cheat sheet for the Tailwind color palette, and while we have featured a few here, I really like the simplistic design of this one, I hope you do too.

## **👌 Cool Stuff**

Some of these are affiliate links, so I get compensated in some way if you buy through them at no cost to you.

**["Level up with Tailwind CSS"](https://shrutibalasa.gumroad.com/l/level-up-with-tailwind-css?ref=tailwindweekly.ongloat.com)** by Shruti dives into real-world Tailwind examples and **offers tips even seasoned users will find valuable**. Plus, there's an accompanying video course with fresh content every week. If you're serious about **improving your Tailwind CSS skills,** this book is for you!

---

**[Exploring Alpine.js](https://exploringalpinejs.com/?ref=tailwindweekly.com)** \- A new video course to **level up your Alpine.js skills**. Discounted early access available now.

---

**[Lummi Photos](https://www.lummi.ai/?ref=tailwindweekly.com)** \- the best free stock photos and royalty-free images, **powered by robots**.

---

**[Counterscale.dev](https://counterscale.dev/?ref=tailwindweekly.com)** – Free, open-source **web analytics on Cloudflare**. Privacy-focused, easy to deploy.

---

Do you want to share something with the Tailwind CSS community? You can [submit a link](https://tailwindweekly.link/submit?ref=tailwindweekly.ongloat.com) or message me on Twitter [@vivgui](https://x.com/vivgui?ref=tailwindweekly.ongloat.com).

Want to support the newsletter? You can buy me a coffee with the link below 😁.

![](https://tailwindweekly.com/content/images/image-5.jpeg)