Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solution Four Cards feature NO Grid for the position of cards

IsNeonPlay 220

@IsNeonPlay

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • 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.

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Para aplicar el font-weight, aplicaselo directo al h1 no al section con la clase header__title y ya luego le aplicas el grosor al span dentro de este section.

Se lo acabo de aplicar mediante el navegador y me ha funcionado sin problemas.

Por cierto una recomendación personal pero no abuses de los section, si puedes ver el reporte veras que la mayoría tiene un error de no usar en estos ningún h2 ni h3, etc. En si según la documentación no es necesario agregarle estos subtitulos sin embargo los sectión están más para crear sección en tu página pero ya al usar el header no hay necesidad por ejemplo de usar un sectión para el titulo y otro para el parrafo. En lo personal las 4 cards que hay tranquilamente puedes ser todas partes de un sectión y listo dejarlo así ya que los sectión sirve para englobar una temática que halla en tu página. Por ejemplo un conjuto de tarjetas de productos, un banner explicativo, una sección de información de usuario, masomenos es la idea tranquilamente lo podrías hacer con div.

Por cierto el diseño esta bastante bien solo ese detalle que mencionaste sobre el grosor es lo unico que veo que no estaba similar y capaz hacer una sombrita pero un poco azulada en vez del color de sombra gris, todo lo demás 10/10.

Marked as helpful

1

IsNeonPlay 220

@IsNeonPlay

Posted

@Sdann26 De verdad me has ayudado bastante con este comentario, hasta ahora me acabo de dar cuenta que estaba aplicandole el font-weight al contenedor y no directamente al h1. Gracias por eso.

Y acerca de los section, si es verdad no supe muy bien como usarlos hasta que me lo dejaste saber, ahora usaré un poco más los div para esos casos, te lo agradezco de verdad. Eres el mejor Gracias!!!

1
Danilo Blas 6,300

@Sdann26

Posted

@IsNeonPlay si sobre todo lo de los section porque te esta lanzando muchos errores en el reporte en tus proyectos capaz si los limpias pueda quedar sin ningún error, vas por buen camino la verdad. Sigue así!

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord