@Sdann26
Posted
Hola Nestor!
Si quieres algún método para nombrar tus clases usa la nomenclatura BEM, Bloque-Elemento-Modificador, te va sevir ahorrarte buscar nombres. Más adelante puedes aprender otras pero esta muy buena para empezas.
Por otro lado una recomendación usa transition para cambiar los estados de elementos que le pongas psudoelementos como (hover, active, focus y etc) la idea es que le pongas a la clase que contiene el atributo transition: all 200ms. El primer valor es el del atributo a cambiar y el segundo del retardo.
Por cierto para eliminar los errores del reporte cambia <div class="contenedor-card"> por <main class="contenedor-card">, el motivo de esto es porque siempre debes tener una etiqueta main que lleve adentro todo el contenido principal de tu página.
Eso más que nada aun necesitas hacer el efecto del hover dentro de la imagen, puedes ver un poco como lo maneje en mi proyecto ya que ya lo he realizado antes.
Un gusto, suerte en tus proyectos!
Good Coding!
Marked as helpful
