How to create a seamless CSS layout with no gaps in it when you have images or cards with unequal height and width?

This page summarizes the projects mentioned and recommended in the original post on /r/learnprogramming
Table/Grid

InfluxDB
Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
Our great sponsors

  • Masonry

    :love_hotel: Cascading grid layout plugin (by desandro)

    • https://github.com/desandro/masonry is the gold standard library to achieve this, but is uses JS rather than pure CSS. You will find tutorials for pure CSS implementations if you google “masonry css” however.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts