[css-grid][css-align] Address latest conclusions on w3c#523.

Author: fantasai

css-align/Overview.bs

@@ -1067,8 +1067,8 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 		<tr>
 			<th>''justify-self/normal'' Behavior
 			<td>
-				Generally behaves as ''justify-self/stretch'',
-				except that items with an intrinsic ratio maintain that ratio.
+				Behaves as ''justify-self/stretch'',
+				except that items with an intrinsic aspect ratio are treated as ''justify-self/start''.
 	</table>
 
     See [[!CSS-GRID-1]] for details.
@@ -1232,7 +1232,8 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 		<tr>
 			<th>''align-self/normal'' Behavior
 			<td>
-				Behaves as ''align-self/stretch''.
+				Behaves as ''justify-self/stretch'',
+				except that items with an intrinsic aspect ratio are treated as ''justify-self/start''.
 	</table>
 
 <h3 id='place-self-property'>
@@ -1636,6 +1637,7 @@ Changes</h2>
 	Changes since the <a href="https://www.w3.org/TR/2016/WD-css-align-3-20160614/">previous Working Draft</a> include:
 
 	* Make ''align-self/auto'' values of 'align-self' and 'justify-self' compute to themselves.
+	* Use the intrinsic size on grid items with an intrinsic aspect ratio so that we honor their aspect ratio by default (i.e. when 'align-self' and 'justify-self' are ''align-self/normal'').
 
 <h2 id="privacy-security">
 Privacy and Security Considerations</h2>

css-grid/Overview.bs

@@ -1081,12 +1081,8 @@ Grid Items</h2>
 	Items with an intrinsic ratio follow the same rules,
 	except that in the case of a ''align-self/normal'' alignment value,
 	an ''width/auto'' size for the <a>grid item</a>
-	is further reduced or increased in that axis
-	(while maintaining any specified minimum or maximum size)
-	if necessary to maintain the intrinsic aspect ratio.
-	If both axes have ''align-self/normal'' alignment and ''width/auto'' sizing,
-	then this adjustment is made in the axis that needs reduction,
-	in order to avoid overflowing the <a>grid area</a>.
+	is sized as for ''align-self: start''
+	(consistent with the width calculation rules for block-level replaced elements in <a href="https://www.w3.org/TR/CSS2/visudet.html#block-replaced-width">CSS2.1 &sect; 10.3.4</a>).
 
 	<div class="note">
 		The following informative table summarizes the automatic sizing of grid items:
@@ -1102,7 +1098,7 @@ Grid Items</h2>
 				<tr>
 					<th scope=row>''align-self/normal''
 					<td>Fill grid area
-					<td>''object-fit/contain''-type sizing into grid area
+					<td>Use intrinsic size
 				<tr>
 					<th scope=row>''align-self/stretch''
 					<td>Fill grid area