<code>No se por que razón no me reconoce el grid-template-areas como pueden ver todo esta bien, pero en el navegador me dice que tiene va...

Hola Estefany, en efecto el error se debía a esos saltos y claro esta que en una área no se puede hacer eso deben estar juntas las celdas y en cuanto a las comillas no tuve problema, ya que funciona con las dobles y simples, muchas gracias por tu comentario Tefa.

Hola Richard! estuve revisando el error que te da y piky-ramos tiene razón, primero debes cambiar las comillas que estás usando por ' o " (en este momento tienes `). Segundo recuerda que solo puedes definir un área una vez y cada área debe tener sus celdas juntas, por eso no te esta reconociendo las áreas que intentas definir, porque por ejemplo el área one la estás definiendo tres veces porque las celdas no están una al lado de la otra, hice un ejemplo que te puede funcionar para que puedas seguir probando 🙌🏻

grid-template-areas:
    "one two two"
    "three three newOne"
    "anotherOne newTwo newThree";

Hola Piky, gracias por tu comentario y si tienes razón en el punto 3, el cual era el problema ya que una área no puede hacer ese tipo de saltos, solo era eso lo demás esta bien pero como mencionas hizo falta implementar mas ítems. Muchas gracias, ahora queda super claro su manejo.

Hola richard, encontré unos errores en tu código.

• Primero, la definición para los "grid-items" es
  grid-area: 'nombre-del-area';
  , con comillas, ya sean simples o dobles.
• Segundo, las comillas que utilizaste en
  grid-template-areas
  , mi editor no las toma como el carácter de comillas (
  '
  o
  "
  ).
• Y por ultimo al definir el
  grid-template-areas
  , es como si fuese que quieres multiplicar los ítems, ya que el ítem
  one
  , salta de celda 1 a la 6 y 7, de igual manera con los ítems
  two
  y
  three
  . De esa manera no estas siguiendo el concepto de área, por eso el navegador no sabe que hacer.

Para resolver el ejercicio deberías intentar algo como lo siguiente:

grid-template-areas:
	"1 2 2"
	"3 3 4"
	"5 6 7"
;

Para ello vas a necesitar de 7 ítems en tu contenedor con

Gracias por sus aportes pero lamento decirles que si tome en cuenta cada uno de sus conceptos y nada, probare en otra laptop haber como me va, tengo que resolver esto.

recuerda los conceptos de track que son conjunto de filas o columnas y de area que es el conjunto de filas y columnas; en este caso estas intentando usar "one" en areas(espacios) separados

me paso lo mismo, es por que al escribir los nombres del template, como "a b b" "c c a", estas formando figuras no rectangulares con el mismo nombre de área y eso no se puede hacer con grid. Se resuelve agregando otro nombre como "a b b" "c c d" y ahí ya no te saldría el error de valor de propiedad.

Lo he abierto con todos los navegadores y nada, y si lo tenia con comillas dobles y da el mismo resultado, sin embargo no parare hasta encontrar ese error.

Ábrelo con Firefox dev, me parece que da más información con errores de CSS.

Yo tampoco veo por qué puede estar fallando, luce bien para mí. Intenta usar comillas dobles en lugar de comillas simples.

Google Chrome amigo.