[css-contain-3][editorial] Address linking issues and example typos fixes w3c#7342

Author: mirisuzanne

css-contain-3/Overview.bs

@@ -455,7 +455,7 @@ Creating Query Containers: the 'container-type' property</h3>
 		  container-type: style;
 		}
 
-		@container (--cards) {
+		@container (--cards: small) {
 		  article {
 		    border: thin solid silver;
 		    border-radius: 0.5em;
@@ -477,7 +477,7 @@ Naming Query Containers: the 'container-name' property</h3>
 		Initial: none
 		Inherited: no
 		Applies to: all elements
-		Computed Value: the keyword ''none'', or an ordered list of [=identifiers=]
+		Computed Value: the keyword ''container-name/none'', or an ordered list of [=identifiers=]
 		Animation type: not animatable
 	</pre>
 
@@ -576,7 +576,7 @@ Container Queries: the ''@container'' rule</h3>
 	where:
 
 	<pre class="prod def">
-	<dfn id="query-container-name"><<container-name>></dfn> = <<custom-ident>>
+	<dfn><<container-name>></dfn> = <<custom-ident>>
 	<dfn><<container-condition>></dfn> = not <<query-in-parens>>
 	                      | <<query-in-parens>> [ [ and <<query-in-parens>> ]* | [ or <<query-in-parens>> ]* ]
 	<dfn><<query-in-parens>></dfn>     = ( <<container-condition>> )
@@ -592,7 +592,8 @@ Container Queries: the ''@container'' rule</h3>
 	                      | <<general-enclosed>>
 	</pre>
 
-	The keywords ''container-name/none'', ''and'', ''not'', and ''or'' are excluded from the <<custom-ident>> above.
+	The keywords ''container-name/none'', ''and'', ''not'', and ''or''
+	are excluded from the <<custom-ident>> above.
 
 	For each element,
 	the [=query container=] to be queried
@@ -615,7 +616,7 @@ Container Queries: the ''@container'' rule</h3>
 		we can string together multiple conditions in a single query list:
 
 		<pre class=lang-css>
-		@container card (inline-size > 30em) and style(--responsive = true) {
+		@container card (inline-size > 30em) and style(--responsive: true) {
 		  /* styles */
 		}
 		</pre>