Tech@ Modern
CSS for our Projects

How working with CSS
can be easier!

Our own state of CSS

Nobody likes CSS*
... but we use it "everywhere"*

  • CSS is akward to learn*
  • Everybody fiddles until it works!*

Thus: Helpful Features are not used

Finally: Know-How is in very few heads



*exaggeration intended

Topics

  • Why do we recommend a CSS reset?
  • What is the cascade?
  • What does @layer do?
  • What is the parent selector?
  • How can @container queries help?
  • grid vs flex?
  • Can we even stop using SASS?

Why do we recommend a CSS Reset?

What is the Cascade?

What does   @layer   do?

What is the parent selector?

How can @container queries help?

grid vs flex

Can we even stop using SASS?

Wrapup

Our recommendations for future projects

  • Introduce CSS Reset
  • Evaluate @layer
  • Use :has() for styling by child
  • Use @container queries for components (libraries?)
  • Use display: grid | flex appropriately
  • You even try CSS nesting without SASS/LESS

Thank you!