Modifica el ejercicios sobre maquetación (CSS)

Author: José Miguel Sánchez Alés

docs/07.css/02.sintaxis.html

@@ -617,7 +617,7 @@ <h2><span class="section-number">7.2.1. </span>Sentencias<a class="headerlink" h
 <dl id="css-pseudoclase-not">
 <dt><a class="reference external" href="https://developer.mozilla.org/en-US/docs/Web/CSS/:not">:not</a><code class="docutils literal notranslate"><span class="pre">(...)</span></code></dt><dd><p>es la negación de <code class="docutils literal notranslate"><span class="pre">:is</span></code>, por lo que concuerda siempre que el elemento no
 concuerde con ninguno de los selectores de la lista:</p>
-<div class="highlight-css notranslate"><div class="highlight"><pre><span></span><span class="c">/* Todos los ítem de lista se ven en negrita, excepto el primero */</span>
+<div class="highlight-css notranslate"><div class="highlight"><pre><span></span><span class="c">/* Todos los ítems de lista se ven en negrita, excepto el primero */</span>
 <span class="nt">li</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
 <span class="w">   </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span>
 <span class="p">}</span>

docs/07.css/03.propiedades.html

@@ -218,9 +218,9 @@ <h2><span class="section-number">7.3.1. </span>Pautas<a class="headerlink" href=
 <span class="p">.</span><span class="nc">item</span><span class="w"> </span><span class="p">{</span>
 <span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mf">.15</span><span class="kt">em</span><span class="p">;</span>
 <span class="w">    </span><span class="c">/* Añadimos una anchura máxima. Si no la añadiéramos:</span>
-<span class="c">       - Cuando los ítem se disponen en filas, el ancho de cada uno</span>
+<span class="c">       - Cuando los ítems se disponen en filas, el ancho de cada uno</span>
 <span class="c">         se ajustará para albergar mejor el contenido.</span>
-<span class="c">       - Cuando los ítem se disponen en columnas, cada uno ocupa todo</span>
+<span class="c">       - Cuando los ítems se disponen en columnas, cada uno ocupa todo</span>
 <span class="c">         el ancho del contenedor.</span>
 <span class="c">    */</span>
 <span class="w">    </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">em</span><span class="p">;</span>
@@ -516,10 +516,14 @@ <h2><span class="section-number">7.3.3. </span>Ejercicios propuestos<a class="he
 </ol>
 <img alt="../_images/71-captura.png" src="../_images/71-captura.png" />
 <ol class="loweralpha simple" start="4">
-<li><p>Repita el ejercicio, pero maquetando con grid.</p></li>
+<li><p>Repita el ejercicio, pero maquetando con grid:</p>
+<ul class="simple">
+<li><p>Mantenga el ancho de la página.</p></li>
+<li><p>Mantenga que para anchos menores a 576px se vean las tres cajas una
+debajo de otra.</p></li>
+</ul>
+</li>
 </ol>
-<p>Se facilita una <a class="reference download internal" download="" href="../_downloads/0dd3c8888c7bb3ba66712758b59a341c/71-plantilla.html"><code class="xref download docutils literal notranslate"><span class="pre">plantilla</span> <span class="pre">HTML</span></code></a> a cuyos
-elementos puede añadir atributos <code class="docutils literal notranslate"><span class="pre">id</span></code> y <code class="docutils literal notranslate"><span class="pre">class</span></code>, si lo estima necesario.</p>
 </div></blockquote>
 <p class="rubric">Notas al pie</p>
 <aside class="footnote-list brackets">

docs/99.ejercicios/71.reglas.html

@@ -104,7 +104,17 @@ <h1><abbr title="Cascading Style Sheets">CSS</abbr>: Reglas y maquetación<a cla
 </ol>
 <img alt="../_images/71-captura.png" src="../_images/71-captura.png" />
 <ol class="loweralpha simple" start="4">
-<li><p>Repita el ejercicio, pero maquetando con grid.</p></li>
+<li><p>Repita el ejercicio, pero maquetando con grid:</p>
+<ul class="simple">
+<li><p>Mantenga el ancho de la página.</p></li>
+<li><p>Mantenga que para anchos menores a 576px se vean las tres cajas una
+debajo de otra.</p></li>
+<li><p>Para anchos menores a 800px, el menú de navegación debe ocupar 125px y
+la banda de publicidad 150px.</p></li>
+<li><p>Para anchos mayores, tanto el menú de navegación como el de publicidad
+deben ocupar 200px.</p></li>
+</ul>
+</li>
 </ol>
 <p>Se facilita una <a class="reference download internal" download="" href="../_downloads/0dd3c8888c7bb3ba66712758b59a341c/71-plantilla.html"><code class="xref download docutils literal notranslate"><span class="pre">plantilla</span> <span class="pre">HTML</span></code></a> a cuyos
 elementos puede añadir atributos <code class="docutils literal notranslate"><span class="pre">id</span></code> y <code class="docutils literal notranslate"><span class="pre">class</span></code>, si lo estima necesario.</p>

docs/_sources/07.css/02.sintaxis.rst.txt

@@ -573,7 +573,7 @@ Dentro de un selector simple pueden aparecer yuxtapuestos hasta seis tipos de
 
       .. code-block:: css
 
-         /* Todos los ítem de lista se ven en negrita, excepto el primero */
+         /* Todos los ítems de lista se ven en negrita, excepto el primero */
          li:not(:first-child) {
             font-weight: bold;
          }

docs/_sources/07.css/03.propiedades.rst.txt

@@ -153,9 +153,9 @@ Flexbox
      .item {
          margin: .15em;
          /* Añadimos una anchura máxima. Si no la añadiéramos:
-            - Cuando los ítem se disponen en filas, el ancho de cada uno
+            - Cuando los ítems se disponen en filas, el ancho de cada uno
               se ajustará para albergar mejor el contenido.
-            - Cuando los ítem se disponen en columnas, cada uno ocupa todo
+            - Cuando los ítems se disponen en columnas, cada uno ocupa todo
               el ancho del contenedor.
          */
          max-width: 10em;

docs/_sources/99.ejercicios/71.reglas.rst.txt

@@ -28,7 +28,15 @@
 
    .. image:: /99.ejercicios/files/71-captura.png
 
-   d. Repita el ejercicio, pero maquetando con grid.
+   d. Repita el ejercicio, pero maquetando con grid:
+
+      + Mantenga el ancho de la página.
+      + Mantenga que para anchos menores a 576px se vean las tres cajas una
+        debajo de otra.
+      + Para anchos menores a 800px, el menú de navegación debe ocupar 125px y
+        la banda de publicidad 150px.
+      + Para anchos mayores, tanto el menú de navegación como el de publicidad
+        deben ocupar 200px.
 
    Se facilita una :download:`plantilla HTML </99.ejercicios/files/71-plantilla.html>` a cuyos
    elementos puede añadir atributos ``id`` y ``class``, si lo estima necesario.

docs/searchindex.js

@@ -573,7 +573,7 @@ Dentro de un selector simple pueden aparecer yuxtapuestos hasta seis tipos de
 
       .. code-block:: css
 
-         /* Todos los ítem de lista se ven en negrita, excepto el primero */
+         /* Todos los ítems de lista se ven en negrita, excepto el primero */
          li:not(:first-child) {
             font-weight: bold;
          }

source/07.css/02.sintaxis.rst

@@ -153,9 +153,9 @@ Flexbox
      .item {
          margin: .15em;
          /* Añadimos una anchura máxima. Si no la añadiéramos:
-            - Cuando los ítem se disponen en filas, el ancho de cada uno
+            - Cuando los ítems se disponen en filas, el ancho de cada uno
               se ajustará para albergar mejor el contenido.
-            - Cuando los ítem se disponen en columnas, cada uno ocupa todo
+            - Cuando los ítems se disponen en columnas, cada uno ocupa todo
               el ancho del contenedor.
          */
          max-width: 10em;

source/07.css/03.propiedades.rst

@@ -28,7 +28,15 @@
 
    .. image:: /99.ejercicios/files/71-captura.png
 
-   d. Repita el ejercicio, pero maquetando con grid.
+   d. Repita el ejercicio, pero maquetando con grid:
+
+      + Mantenga el ancho de la página.
+      + Mantenga que para anchos menores a 576px se vean las tres cajas una
+        debajo de otra.
+      + Para anchos menores a 800px, el menú de navegación debe ocupar 125px y
+        la banda de publicidad 150px.
+      + Para anchos mayores, tanto el menú de navegación como el de publicidad
+        deben ocupar 200px.
 
    Se facilita una :download:`plantilla HTML </99.ejercicios/files/71-plantilla.html>` a cuyos
    elementos puede añadir atributos ``id`` y ``class``, si lo estima necesario.