csslayout icon indicating copy to clipboard operation
csslayout copied to clipboard

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

Results 19 csslayout issues
Sort by recently updated
recently updated
newest added

Added a `removeIndent` utility which will calculate the number of extraneous spaces from the tagged template literal of the CSS code, and remove that number of spaces from the indent...

I had the idea of just making a tailwind version/tab for the components.

Hi there! I respectively copied your code into my .css and .html files but...the code doesn't show your results. My results: ![image](https://user-images.githubusercontent.com/22522883/153760383-204c4fe4-b7fa-497f-9a29-0d74f464101b.png) What's wrong?

When using the current CSS for [ribbon](https://csslayout.io/patterns/ribbon), I get something like this: After taking a look at the code, I think the `border-left-color` should me moved from `container__side` to `container__side--left`...

I'd like to know why this repo is not using CSS grid for `card layout` instead of flex. Current code displays the grid using flex as here: https://github.com/phuoc-ng/csslayout/blob/88200a698329be14ddc916053266ac788697de8f/client/patterns/card-layout/Details.tsx#L36 Instead, it...

First, thank you for such great work on things we use everyday! I wonder how hard would it be to add more levels to the nested menu and still use...

Maybe you should consider adding timer pattern. Ii mean cutdown timer. https://i2.wp.com/www.cssscript.com/wp-content/uploads/2017/07/Easy-Datetime-Countdown-Timer.png?fit=500%2C374&ssl=1 it popular function on product pages and similar page .

Closure in html should be and is https://csslayout.io/patterns/custom-checkbox-button