Css Selectors Demo

[ahohnsen]

Updated demo:

• I deleted the :root selector including all CSS variables and used color names instead 👉🏼 The :root selector is actually part of the css-structure session, so I would keep this demo a bit more simple
• I updated the explanation for the adjacent sibling selector

❓ Open questions/suggestions:

• The combinators are part of the demo but not of the session guide. I suggest to add a short section in the session guide for combinators if we teach them during this session.
• The session guide shows different code examples for the selectors than the demo. I would propose to rewrite the session guide, so you can follow along the demo with the guide (as for example in the js-conditions-and-booleans session.

Let me know, what you think 🙂

css-selectors/demo-start

📄 Rendered Exercise

🔎 Review

Review via 🔗 CodeSandbox or locally by running this command in your Terminal:

npx ghcd@latest neuefische/web-exercises/tree/css-selectors-demo/sessions/css-selectors/demo-start -i

css-selectors/demo-end

📄 Rendered Exercise

🔎 Review

Review via 🔗 CodeSandbox or locally by running this command in your Terminal:

npx ghcd@latest neuefische/web-exercises/tree/css-selectors-demo/sessions/css-selectors/demo-end -i

[PReichetanz]

❓ Open questions/suggestions:

The combinators are part of the demo but not of the session guide. I suggest to add a short section in the session guide for combinators if we teach them during this session.

Yes, I agree that the session guide should mirror the demo and help coaches to teach the session.

The session guide shows different code examples for the selectors than the demo. I would propose to rewrite the session guide, so you can follow along the demo with the guide (as for example in the js-conditions-and-booleans session.

This should be changed as well. Should we create an issue to tackle this?

[ahohnsen]

❓ Open questions/suggestions:

The combinators are part of the demo but not of the session guide. I suggest to add a short section in the session guide for combinators if we teach them during this session.

Yes, I agree that the session guide should mirror the demo and help coaches to teach the session.

The session guide shows different code examples for the selectors than the demo. I would propose to rewrite the session guide, so you can follow along the demo with the guide (as for example in the js-conditions-and-booleans session.

This should be changed as well. Should we create an issue to tackle this?

Yes, sounds good! 🙌🏼