Awesome — clean, clear, and visually strong. 🙌

I’m building Cuukbuuk — an app that generates recipes based on what you want to cook or what ingredients you have. The focus is on keeping it simple and calm, without unnecessary features.

cuukbuuk.com

Well, then no problem 😄

Nice, “something exciting” is always a good start 🙂

Käyttehän tän läpi Uutisraportti podcastissä?

Lesson learned.

Congrats on Kasvun kaava! It’s on my reading list — waiting for my book order to arrive. Hopefully the formula works, as I’m just about to start my next company.

Thanks for sharing this! 🙏 The video and articles were really helpful.

Just updated Faunder UI to use oklch(from...) syntax for opacity and other color transformations. Much cleaner approach!

ui.faunder.fi/colors

Yeah, can't think why % would be problematic, so simplicity-wise it might be better.

I first used this with web components, so might be related to that.

Good point! I actually can't remember a situation where I've needed cqw.

The clear advantage of percentages is that you don't need to define container-type: inline-size.

Maybe I'll try switching to % and see if there are any issues 🤔

You can also use it as a CSS variable for style management entirely in CSS, without classes in HTML:

:root {
--container: max(calc(50cqw - 960px / 2), 24px);
}

.some-elements {
padding-inline: var(--container);
}

This way all styling logic stays in CSS! 🎯

.ui-container {
padding-inline: max(calc(50cqw - 960px / 2), 24px);
}

Centers content with 960px max-width using container queries. Background colors extend edge-to-edge (unlike margin), so you get full-width backgrounds while keeping content centered!

Used in Faunder UI: ui.faunder.fi 🎯

Haven’t come across this before — really interesting project. Need to take a closer look.