DEV Community

Discussion on: CSS Grid Cheat Sheet 🔥

Collapse
 
cwilliams2024 profile image
Calvin Williams

Make one for bootstrap and tailwind

Collapse
 
dyloneus profile image
Dave A

Please 😁🙏
And thank you!
This is awesome

Collapse
 
organizedfellow profile image
Jaime Aleman

I found one for Bootstrap frontendcheatsheets.com/bootstrap

I highly doubt any cheatsheet exists for TailwindCSS - simply because of the sheer amount of combinations conceivable. Bootstrap has several ways to generate a "card" but for TailwindCSS, I could come up with at least a hundred!!!

<section id="aboutme" class="container mx-auto flex flex-wrap my-0 p-4 flex-col md:my-10 md:flex-row">
    <div class="flex flex-row justify-between text-center grid gap-4 grid-cols-1 sm:grid-cols-4 md:flex-col">
        <div class="text-center px-5 sm:text-left lg:text-right lg:px-10 col-span-1 sm:col-span-3">
Enter fullscreen mode Exit fullscreen mode

Yours would be different. The next Developer would code theirs differently as well.