---
title: "Discussion on \"CSS Gap Decorations: Divider Lines Without the Border Hacks\" | Hashnode"
description: "Discussion on \"CSS Gap Decorations: Divider Lines Without the Border Hacks\". You have a three-column card grid and the design calls for thin lines between the cards. Not around them, between them. So you reach for the usual tricks: a border-right on every card except the last"
url: "https://hashnode.com/posts/css-gap-decorations-divider-lines-without-the-border-hacks/6ad73f37ada29cdc8306c591"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [CSS Gap Decorations: Divider Lines Without the Border Hacks](https://grimicorn.hashnode.dev/css-gap-decorations-divider-lines-without-the-border-hacks?utm_source=hashnode&utm_medium=feed)

You have a three-column card grid and the design calls for thin lines between the cards. Not around them, between them. So you reach for the usual tricks: a border-right on every card except the last

Oct 20 · 5 min read · grimicorn.hashnode.dev  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#animation](https://hashnode.com/tag/animation)

## Written by

[Dan Holloran](https://hashnode.com/@grimicorn)

@grimicorn · St. Louis, MO

  
[View profile](https://hashnode.com/@grimicorn)

Full-stack web developer since 2012 · Vue · React · Laravel · danholloran.me

Senior Full Stack Developer with 14+ years building performant, scalable web applications. Passionate about architecture, mentorship, and finding the right tool for the job.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.