• Limit the number of lines with CSS-only | line-clamp

    Limit the number of lines with CSS-only | line-clamp

    Every now and then, my Clients want me to implement a card-based layout for a list of posts, reports or real estates. In this layout, each card has an image, heading and some text. This looks perfect on the designs, where the text is the same size on all cards. However, when the real content…

    Read More

  • CSS-only Pinterest Layout without JS | Masonry Layout

    CSS-only Pinterest Layout without JS | Masonry Layout

    Pinterest-like layout, sometimes also referred to as Masonry-like layout, is an interesting alternative to the standard Bootstrap 12-column layout. In this layout images or other elements of various sizes are stacked one below another in multiple equal-width columns. There are a bunch of possibilities how to achieve such layout, and we are exploring them in…

    Read More

  • Challenge: CSS Pinterest-like Layout

    In this post we we challenge you to create a Pinterest-like layout using CSS and hopefully CSS only!

    Read More