224-animated-css-grid

Episode 224 - Build Three CSS Grid Layouts from Scratch

by fireship-io

Star on GitHub Fork

HTML

246 stars 199 forks 1 contributorQuiet · 3y agoSince 2020

Meet the team

See all 1 on GitHub →

codediodeio3 contributions

Languages

View on GitHub →

HTML69.7%

CSS30.3%

Commit activity

Last 12 weeks · 0 commits

Full graph →

Community health

1 of 6 standards met

Community profile →

✓README○License○Contributing○Code of Conduct○Issue Template○PR Template

Recent PRs & issues

Quiet · 2 in progress · Last activity 3y ago

See all on GitHub →

Create Animated-GridOpenPR

PatienceWrightx0 · 3y ago

Images don't fit to divsOpenIssue

When trying this out my images weren't fitted to the `background-size: cover;.card` class. If you allow pull requests for such minor changes I'd be happy to put that in

big-meel · 5y ago

display dense to avoid holes in the gridOpenPR

hey @codediodeio, you could probably include to avoid having holes in the gallery, for example if you remove the first 3 images you can see something like this: http://recordit.co/NETNEk6Fix but using : http://recordit.co/2eIfqBBjNV (even though if it's not the best for accessibility because of the changes in the order of the cards) Thanks for your great content!

ymulenll · 6y ago

Recent fixes

View closed PRs →

refactor: remove unnecessary auto grid-*-endMergedPR

Since default value for and is , it's safe to remove them for cleaner code.

wenfangdu · 2y ago

MyFilesforGridMergedPR

I was learning somethings, Ill prolly organize this more

noobylub · 5y ago

Structured data for AI agents

Repository: fireship-io/224-animated-css-grid. Description: Episode 224 - Build Three CSS Grid Layouts from Scratch Stars: 246, Forks: 199. Primary language: HTML. Languages: HTML (69.7%), CSS (30.3%). Open PRs: 2, open issues: 1. Last activity: 3y ago. Community health: 25%. Top contributors: codediodeio.