simonswissDec 21, 2022

🔥 Tailwind Tip 🔥

Create a "color background split" effect with CSS Grid.

It greatly simplifies the spacing adjustment gymnastics you need to do when using transforms to translate your element across both sections ✨

Show threadsimonswiss

If you liked this, I have a @[email protected] tutorial in the works that goes in **a lot more depth** about using CSS grid to control background color splits.

I plan to release this tutorial **for free**, like the existing "Ribbon Banner" tutorial available at https://protailwind.com

Pro Tailwind

Increase development velocity and craft sustainable systems for your team

Pro Tailwind
Dec 21, 2022 at 1:55amWeb
Show threadsimonswissJan 3, 2023
👀 https://twitter.com/simonswiss/status/1610199719955030016?s=20
Simon Vrachliotis 🇨🇭🇦🇺🏀🏄‍♂️🏂💻 on Twitter

“Another FREE Pro Tailwind tutorial nearing completion! 👀”

Twitter
Show threadsimonswissJan 18, 2023

Aaaaannnd... here it is!

https://twitter.com/simonswiss/status/1615847159525707784?s=20

Simon Vrachliotis 🇨🇭🇦🇺🏀🏄‍♂️🏂💻 on Twitter

“🦴 New FREE @ProTailwind tutorial alert 🐶 In this one, we (ab)use CSS Grid and @tailwindcss arbitrary values to create a background-split effect that lines up perfectly with the foreground UI ✨ https://t.co/BIyJ0JXszf”

Twitter
Show threadVince MitchellDec 21, 2022
@simonswiss you still have plans to release a paid course? Any idea on price or ETA?
Show threadsimonswissDec 21, 2022

@vmitchell85 No idea on the price point yet, but the plan is to launch "soon" - probably in Jan or Feb 2023.

Grand plans was launching for X-mas, but there is a lot more work to be done on the course platform, marketing, etc, for a proper launch.