JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<h2 id="titulo-pag-macro">Macronutrientes</h2>

<h3 class="subtitulo-macro">Hidratos de carbono</h3>

<p>Los hidratos de carbono se encuentran, sobre todo, en las legumbres, féculas, cereales, vegetales y frutas. Aunque ahora algunas dietas digan que no los comamos, son necesarios, pues no solo constituyen la mayor fuente de energía, sino que son los que nos proporcionan la glucosa, indispensable para mantener el funcionamiento de los tejidos nerviosos y otras funciones.</p>

<h3 class="subtitulo-macro">Las proteínas</h3>

<p>Las proteínas, por supuesto, también son necesarias para el hombre, pues se encargan de generar tejido entre otras cosas. Las de origen animal serían las carnes y embutidos, los pescados y mariscos, los huevos y los quesos curados y semicurados. Y las de origen vegetal serían los frutos secos, el tofu, el tempeh y el seitán.</p>

<h3 class="subtitulo-macro">Las grasas</h3>

<p>A las grasas hay que perderles un poco el miedo; son totalmente esenciales en el funcionamiento de nuestro cuerpo y no podemos dejar de tomarlas. Además controlan el apetito, regulan las hormonas, ayudan a perder grasa, aceleran el metabolismo, etc.</p>

CSS

/*realmente el id titulo-pag-macro podéis llamarle como vosotras queráis*/

/*y a las clases subtitulo-macro lo mismo*/

/*lo importante es simplemente que hayáis puesto bien vuestras etiquetas: h2 y h3, y que hayáis añadido el atributo id y class*/