Css

Grid

Images

Tailwind

Snippets

Ellipsis

.text-ellipsis {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Truncate String with Ellipsis

Position fixed center

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

How To Center an Object Exactly In The Center

Design

Inspiration

Last updated