[css-round-display] Correct mistakes in Polar

Author: Jihye Hong

css-round-display/Overview.bs

@@ -22,7 +22,7 @@ Everything on the web is a rectangle. For example, the window content area in a
 In order to facilitate the use of the web on a round display, we need to rethink existing CSS features.
 </p>
 <p>
-Current user agents are not capable of detecting the shape of a display so that authors cannot apply different layouts for a round display. To resolve the issue, we add the 'device-radius' media feature to Media Queries. The feature informs the web page of the property regarding the shape of the display.
+Current user agents are not capable of detecting the shape of a display so that authors cannot apply various layouts for a round display. To resolve the issue, we add the 'device-radius' media feature to Media Queries. The feature informs the web page of the property regarding the shape of the display.
 </p>
 <p>
 To apply the shape of a display to content area, we extend the 'shape-inside' property of CSS Shapes. We also add the 'border-boundary' property to CSS Borders and introduce polar positioning for a better web design suitable for a round display.
@@ -273,7 +273,7 @@ The example below shows how the 'border-boundary' property works on drawing bord
 <h2 id="positioning-content">Positioning content by using the polar coordinate system</h2>
 
 <p>
-Elements could be often placed along a circle or concentric circles, and the polar coordinate system is useful to handle such cases. This section introduces polar positioning to support layout of elements in the polar coordinate system where the position of an element is determined by a distance from a fixed point within the containing element and an angle from a fixed direction. We add '<code>polar</code>' to the value of the 'position' property to support the polar coordinates of an element itself. The 'polar-angle' and 'polar-distance' properties specify the position of an element.
+Elements could be often placed along a circle or concentric circles, and the polar coordinate system is useful to handle such cases. This section introduces polar positioning to support layout of elements in the polar coordinate system where the position of an element is determined by a distance from the center point within the containing element and an angle from the Y-axis. We add '<code>polar</code>' to the value of the 'position' property to support the polar coordinates of an element itself. The 'polar-angle' and 'polar-distance' properties specify the position of an element.
 </p>
 <p class="note">
 Note: In the polar coordinate system, a point is described as being a certain distance from the pole and a certain angle from the polar axis. In the mathematical theory, the polar axis is commonly defined as the positive direction of the x-axis, but we consider the polar axis as the positive direction of the y-axis position as other CSS specifications usually do.
@@ -292,7 +292,7 @@ When the 'position' property on an element is set to '<code>polar</code>', the e
 	Animatable: no
 </pre>
 <h3 id="polar-angle-property">The 'polar-angle' property</h3>
-The 'polar-angle' property specifies the angle from the X-axis (or a fixed direction). This property is activated on condition of position: polar.
+The 'polar-angle' property specifies the angle from the Y-axis. This property is activated on condition of position: polar.
 <pre class='propdef'>
     Name: polar-angle
     Applies to: all elements
@@ -304,7 +304,7 @@ The 'polar-angle' property specifies the angle from the X-axis (or a fixed direc
 	Animatable: as <a href="http://www.w3.org/TR/css3-transitions/#animatable-types">angle</a>
 </pre>
 <h3 id="polar-distance-property">The 'polar-distance' property</h3>
-The 'polar-distance' property specifies the distance from the center of the parent (or a fixed point). This property is activated on condition of position: polar.
+The 'polar-distance' property specifies the distance from the center of the containing block. This property is activated on condition of position: polar.
 <pre class='propdef'>
     Name: polar-distance
     Applies to: all elements
@@ -339,7 +339,7 @@ By default, the 'polar-distance' property specifies the distance from the origin
 What value does the percentage value of the 'polar-distance' property refer to? The width of the containing element, or what? One feasible solution is to use the distance between the origin and the point on the border at the angle given by the 'polar-angle' property from the X-axis.
 </p>
 <p class="issue">
-Will an element (or a child) itself be rotated through the 'polar-angle' property?
+Will an element itself be rotated through the 'polar-angle' property?
 </p>
 <p class="issue">
 How to position items to the edge of the containing block without overflowing it? (<i>polar-anchor</i> could be suggested)