UX specialist, designer, front-end developer, unix geek, singer, song writer, artist, traveller, cook, photographer, video maker — jack of all trades, he/him.
Future CSS Tip! 🔮 (This one's close 🤏)
You can use "subgrid" to give child elements access to a parent's grid tracks 👀
This is great when you want to make sure content lines up 🙌 Check those cards 👇
article {
grid-row: span 4;
display: grid;
grid-template-rows: subgrid; 👈
}
In this example, article uses grid but makes use of the tracks defined by the parent layout container. That makes it easier to line up content within the cards 🙏
Cool thing is, we don't even need to define the rows in the parent. We use the implicit ones from the parent.
main {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}
This might be easier to understand with the video below that shows the grid tracks using DevTools and toggles subgrid on and off 🤙
@CodePen link below! 👇
@adactio Oh so you do you have a custom solution for that? I'm guessing the aforementioned "form behind a login" also does images? Any pointers at where I can start for such a solution? I'm no backend person…
@adactio do you use a web based UI to update your blog when you're on the go? Keen to know the process if that is the case as I want to use a static site.
📣 Announcing new project: WalkThru
A better way to explain your code for docs, tutorials, and teaching.
It’s like a tutorial blog post except the code is:
- Focused ⇒ easier to read
- Compiled from GitHub ⇒ accurate, well-formatted, and up-to-date
https://t.co/VMyi1K8T56
Hello world! I want to share with you a device I made, its name is "Yayagram", a machine that helps our beloved elders to keep communicating with their grandchildren . How? Let me open a thread to give you all the details of this contraption.
Sitting on 26m doses of the Astra Zeneca vaccine when it's not even approved for use in the US is, at this point, like the UK starving Indians intentionally during their rule: https://t.co/tVMGwnSbtM.
US has plenty of vaccines for itself from the other products. Why hoard AZ?