All solutions

feedback?;)

feedback?;)

// Español // He usado css grid y flex en este reto, funcionó muy bien, pero creo que lo pude haber hecho mejor

• Casi me salen canas con este reto, pero aprendí bastante.

Alguna sugerencia o recomendación?

// English // I have used css grid and flex in this challenge, it worked very well, but I think I could have done better

• I almost got gray hair with this challenge, but I learned a lot.

Any suggestion or recommendation?

Feedback?;)

Para esta solución decidí usar grid-template-areas, si alguien tiene algo que recalcar, recomendar o sugerir se lo agradecería.

For this solution I decided to use grid-template-areas, if anyone has something to highlight, recommend or suggest I would appreciate it.

• Lo único es que quiero saber es como bajarle el grosor al título, pues resulta que intenté usar font-weight pero no se aplicaba y no pude cambiarle el grosor. No sé si es porque el título tiene <h1>. Si alguien me puede ayudar se lo agradecería.

• The only thing I want to know is how to lower the weight of the title, because it turns out that I tried to use font-weight but it did not apply and I could not change the weight. I don't know if it's because the title has <h1>. If someone can help me I would be so thankful.

// ESPAÑOL // Necesito ayuda para saber cómo hacer que quede mejor la versión de escritorio, quedo un poco a la izquierda y no supe muy bien como centrar, aparte de que siento que quedá mas corto... Cualquier comentario es aceptado.

// ENGLISH // I need help to know how to make the desktop version look better, it's a bit to the left and I didn't know very well how to center it, apart from the fact that I feel like it's shorter... Any feedback is welcome.

// ESPAÑOL // La verdad es que cuando estaba empezando a hacer la version de escritorio estaba agotado mentalmente y aún asi me apresuré en terminar el reto. Pero no mme gusto para nada esa version...creo que no me concentre lo suficiente y quedó asi de rara la version de escritorio. Cualquier comentario es bienvenido.

// ENGLISH // The truth is that when I was starting to do the desktop version I was mentally exhausted and still I rushed to finish the challenge. But I didn't like that version at all... I think I didn't concentrate enough and the desktop version was so weird. Any feedback is welcome.

// ESPAÑOL // Usando grid-template-rows en la version móvil y en la version de escritorio usé grid-template-rows y grid-template-columns. Algún comentario para mejorar?

// ENGLISH // Using grid-template-rows on mobile and on desktop I used grid-template-rows and grid-template-columns. Any feedback to improve?

// ES // Alguna Sugerencia?.

// EN // Some suggestions?.

// ESPAÑOL // Acepto sugerencias y críticas para mejorar mis layouts.

// ENGLISH// I accept suggestions and criticism to improve my layouts.

// ESPAÑOL // Solucion hecha con Flex y Grid, Acepto Sugerencias y Críticas.

// ENGLISH // Solution made with Flex and Grid, I accept Suggestions and Criticisms.

// ESPAÑOL // En si el reto fué sencillo en si, pero en el hover de la imagen se me complicó bastante... No supe muy bien el como centrar de forma vertical me frustré bastante en esa parte y pues intenté improvisar un poco para que intentara quedar bien en el diseño movil y escritorio, pero no pude... Acepto sugerencias y criticas constructivas para saber como pude resolverlo mejor...

pd: Se que el uso de flex y grid son innecesarios en la descripción de la tarjeta, pero es bueno saber como funcionan de forma armoniosa juntos.

// ENGLISH // The challenge itself was simple, but in the hover of the image it got quite complicated... I didn't know very well how to center vertically, I got quite frustrated in that part and so I tried to improvise a bit so that it would try to look good in the mobile and desktop design, but I couldn't... I accept suggestions and constructive criticism to know how I could solve it better...

ps: I know the use of flex and grid are unnecessary in the card description, but it's nice to know how they work harmoniously together.

// Español // Otro reto básico más para reforzar un poco más de conocimiento.

// English // Another basic challenge to reinforce a little more knowledge.