1
2 Comments

Advice for CSS Grids for posts LTR?

Hi I'm trying to create ui with posts that are ordered horizontally with different sizes vertically like swipefiles.com, and here is sample codepen.
https://codepen.io/blessedcreator/pen/JjpGMON

I'm confused how I could develop this website and keep it responsive. Is there a CSS grid that we can create that is RTL with different sizes? all i can find is grids with a vertical gap between rows if there are different sizes vertically

on May 9, 2022
  1. 2

    If you are talking about the Shoutout list of tweets, you can search for;

    Masonry Grid (CSS grid)

    A quick search got me this article:

    https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/

    You might still need a little bit of JS, but that all depends on your implementation.

    1. 1

      Thank you so much Twan, that was much appreciated

Trending on Indie Hackers
Why Indie Founders Fail: The Uncomfortable Truths Beyond "Build in Public" User Avatar 117 comments I built a tool that turns CSV exports into shareable dashboards User Avatar 94 comments $0 to $10K MRR in 12 Months: 3 Things That Actually Moved the Needle for My Design Agency User Avatar 74 comments The “Open → Do → Close” rule changed how I build tools User Avatar 65 comments I got tired of "opaque" flight pricing →built anonymous group demand →1,000+ users User Avatar 44 comments A tweet about my AI dev tool hit 250K views. I didn't even have a product yet. User Avatar 42 comments